Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-4297

Listbox hover and selected style are the same, makes it hard to be distinguished in mobile

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Normal
    • Resolution: Fixed
    • Affects Version/s: 8.5.0, 8.6.1
    • Fix Version/s: 9.0.0
    • Component/s: Theme
    • Security Level: Jimmy
    • Labels:
    • gh.sprint.customfield.default.name:
      ZK 9.0.0 S1

      Description

      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;
              }
      

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              rudyhuang rudyhuang
              Reporter:
              hawk hawk
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:

                  Time Tracking

                  Estimated:
                  Original Estimate - 4 hours
                  4h
                  Remaining:
                  Time Spent - 2 hours Remaining Estimate - 2 hours
                  2h
                  Logged:
                  Time Spent - 2 hours Remaining Estimate - 2 hours
                  2h