Elements not getting their data-theme from parent container.
I've noticed that form elements no longer by default inherit the data-theme of their parent element but instead uses the data-theme of the page. For example using the following markup
- <div data-role="page">
<div data-role="header"><h3>Header</h3></div>
<div data-role="content" data-theme="a">
<ul data-role="listview" data-inset="true" data-theme="c">
<li>
<input type="button" value="test" />
</li>
<li>
<select >
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
</li>
<li>
<div data-role="fieldcontain" data-theme="c" >
<fieldset data-role="controlgroup" data-theme="c" data-type="horizontal" >
<legend>Group Size</legend>
<input type="radio" name="testRdoGrp" id="testRdoGrp1" checked="checked" value="1" />
<label for="testRdoGrp1">1</label>
<input type="radio" name="testRdoGrp" id="testRdoGrp2" value="2" />
<label for="testRdoGrp2">2</label> </fieldset>
</div>
</li>
</ul>
</div>
<div data-role="footer"><h3>Footer</h3></div>
</div>
Using JQM 1.1 the input, select and radio group will use the "c" theme swatch (inherited from the listview), but when using JQM 1.2 the input,select and radio group will instead use the "a" swatch.
Is this behavoiur expected? From what I understand in the docs elements are supposed to inherit their "swatch" from the parent container, and as you can see here even when the container has the data-role="fieldcontain" that isn't happening anymore. Is this a bug? Does anyone know of a way to enable the "older" behavior? I know I can add the data-theme to the actual element but that requires going through every element (plus templates) and modifying the markup.