Opened 9 years ago

Closed 9 years ago

Last modified 7 years ago

#6206 closed bug (notabug)

Adding id attribute to an li element in a Tab tab-section breaks the widget

Reported by: scrozier Owned by:
Priority: minor Milestone:
Component: ui.tabs Version: 1.8.5
Keywords: Cc:
Blocked by: Blocking:

Description

Adding an id attribute somehow breaks the widget. If, as in the example below, the id attribute is added to both li items, it causes both related divs to be shown at the same time.

Example:

<div class='tab-section'>

<ul> <li><a href='#credit-card' id='credit-card'>Pay by credit card</a></li> <li><a href='#check' id='check'>Pay by (online) check</a></li>

</ul> <div id="credit-card" style='padding:1.0em'>

[snip]

</div> <div id="check" style='padding:1.0em'>

[snip]

</div> </div>

Change History (3)

comment:1 Changed 9 years ago by scrozier

Sorry, I meant adding the id attribute to the <a> element inside the <li> element.

However, it turns out that adding an id attribute to the <li> attribute also breaks the widget.

comment:2 Changed 9 years ago by Scott González

Resolution: invalid
Status: newclosed

Duplicate ids are invalid HTML.

comment:3 Changed 7 years ago by Scott González

Milestone: TBD

Milestone TBD deleted

Note: See TracTickets for help on using tickets.