Tab order for "Module" and "Filter" items is reversed in toolbar

[eddylu94]

Tell us about your runtime:

• QUnit version: v2.9.2
• What environment are you running QUnit in? (e.g., browser, Node): Edge, Chrome
• How are you running QUnit? (e.g., script, testem, Grunt): Script

What are you trying to do?

Code that reproduces the problem:

.qunit-filter,
#qunit-modulefilter {
	float: right;
	position: relative;
	margin-left: 1em;
}

If you have any relevant configuration information, please include that here:

The toolbar includes two filters, Module and Filter:

One will notice that, while tabbing through the application, the Filter item will be focused upon first before the Module item. This is because the Filter item (class="qunit-filter") is listed before the Module filter (class="qunit-modulefilter") in the DOM structure:

<form class="qunit-modulefilter">...</form>
<form class="qunit-filter">...</form>

This reverse ordering is a consequence of using CSS 'float' style, where visual order is inverted from that of the DOM order.

What did you expect to happen?

The Module toolbar item should be focused upon before the Filter toolbar item.

What actually happened?

The tab order is reversed.

[eddylu94]

Closing issue as it has been resolved in commit 95226b7