Normal Steps to Reproduce
1. run the code
click a checkbox to select only
<listbox checkmark="true" nonselectableTags="*">
<listitem>
<listcell>
<textbox/>
</listcell>
</listitem>
<listitem>
<listcell>
<button label="button"/>
</listcell>
</listitem>
<listitem>
<listcell>
<h:input xmlns:h="native"/>
</listcell>
</listitem>
<listitem>
<listcell>
you can copy the text with ctrl+c
</listcell>
</listitem>
</listbox>
2. visit the page with iPad or Chrome with device simulator /iPad
3. click the first textbox
Current Result
the first row looks selected
Expected Result
the first row is not selected
Debug Information
- it doesn't happen on desktop browser
- In Iceblue hover and selected style are the same. Make users misunderstand.
Workaround
.z-listitem:hover>.z-listcell {
background: #e8ffff;
}
