Skip to content

Can not have more than one tab container by page #34

Description

@mingodad

When trying to add a second TABS to a page the second one get scrambled/dirty and do not behave as expected.
On a clean page add one ROW and inside it a TABS repeat the previous steps and then try to preview it.
Notice the extra divs on the second TABS:

Here is the import/export code:

<body>
  <div class="row">
    <div class="cell">
      <div data-tabs="1" id="i65n">
        <nav data-tab-container="1" class="tab-container">
          <a href="#tab1" data-tab="1" class="tab">Tab 1</a>
          <a href="#tab2" data-tab="1" class="tab">Tab 2</a>
          <a href="#tab3" data-tab="1" class="tab">Tab 3</a>
        </nav>
        <div id="tab1" data-tab-content="1" class="tab-content">
          <div>Tab 1 Content
          </div>
        </div>
        <div id="tab2" data-tab-content="1" class="tab-content">
          <div>Tab 2 Content
          </div>
        </div>
        <div id="tab3" data-tab-content="1" class="tab-content">
          <div>Tab 3 Content
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="cell">
      <div data-tabs="1" id="izuzh">
        <nav data-tab-container="1" class="tab-container">
          <a href="#i1g1w" data-tab="1" class="tab">Tab 1</a>
          <a href="#ix1vv" data-tab="1" class="tab">Tab 2</a>
          <a href="#imx08" data-tab="1" class="tab">Tab 3</a>
        </nav>
        <div id="tab1-2" data-tab-content="1" class="tab-content">
          <div>Tab 1 Content
          </div>
        </div>
        <div id="tab2-2" data-tab-content="1" class="tab-content">
          <div>Tab 2 Content
          </div>
        </div>
        <div id="tab3-2" data-tab-content="1" class="tab-content">
          <div>Tab 3 Content
          </div>
        </div>
        <div data-tab-content="1" id="i1g1w" class="tab-content">
          <div>New Tab Content
          </div>
        </div>
        <div data-tab-content="1" id="ix1vv" class="tab-content">
          <div>New Tab Content
          </div>
        </div>
        <div data-tab-content="1" id="imx08" class="tab-content">
          <div>New Tab Content
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
...

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions