Skip to content

Passing Index to #ic-tab does not initialize properly #9

@rtablada

Description

@rtablada

When passing a custom index to ic-tab components, the tabs list does not initialize as expected.
Clicking on a tab does update the property to the custom index, but no tab is selected by default.

Code modification of example:

  {{#ic-tabs selected-index=food}}
    {{#ic-tab-list}}
      {{#ic-tab index="hamburger"}}Hamburger{{/ic-tab}}
      {{#ic-tab index="noodles"}}Noodles{{/ic-tab}}
      {{#ic-tab index="toast"}}Toast{{/ic-tab}}
    {{/ic-tab-list}}

    {{#ic-tab-panel}}
      <h2>Hamburger</h2>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
        commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
        occaecat cupidatat non proident, sunt in culpa qui officia deserunt
        mollit anim id est laborum.
      </p>
    {{/ic-tab-panel}}

    {{#ic-tab-panel}}
      <h2>Noodles</h2>
      <p>
        Tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
        commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
        occaecat cupidatat non proident, sunt in culpa qui officia deserunt
        mollit anim id est laborum.
      </p>
    {{/ic-tab-panel}}

    {{#ic-tab-panel}}
      <h2>Toast</h2>
      <p>
        Veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
        commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
        occaecat cupidatat non proident, sunt in culpa qui officia deserunt
        mollit anim id est laborum.
        Tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.
      </p>
    {{/ic-tab-panel}}
  {{/ic-tabs}}
  App.ApplicationController = Ember.Controller.extend({
    queryParams: ['country', 'food'],
    country: 0,
    food: 'hamburger'
  });

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions