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

Combobutton is not tab focusable if no tabIndex or tabindex="0"

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Normal Normal
    • 7.0.7, 8.0.1
    • 8.0.0, 7.0.6.1, 8.0.1
    • None
    • Security Level: Jimmy
    • None
    • ZK 7.0.7

      If a combobutton does not receive a tabindex, or if tabindex is set to 0 in the zul file, the combobutton does not receive a tabindex.
      This is normal for other controls, but as tabindex is rendered by <span> elements that are not automaticaly focusable (button, etc don't require a tabindex to be focusable)
      This cause the combobuttons to not be focusable unless a tabindex > 0 is set.

      Additionaly, when tab focused, the styling is not applied to the correct span, which causes the :focus style to not be applied.

      reproduce with:

      <zk>
      <window border="normal" title="hello">

      <div>
      Navigate between page components using TAB key, Combobutton
      component fail to obtain Focus
      </div>

      <hbox hflex="1">
      <button label="Button" focus="true" />
      <combobutton label="ComboButton" tabindex="0">
      <menupopup>
      <menuitem label="Item 1" />
      </menupopup>
      </combobutton>
      <combobutton label="ComboButton" tabindex="1">
      <menupopup>
      <menuitem label="Item 1" />
      </menupopup>
      </combobutton>
      </hbox>

      </window>
      </zk>

            DevChu DevChu
            MDuchemin MDuchemin
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Time Spent - 5 hours Remaining Estimate - 1 hour
                1h
                Logged:
                Time Spent - 5 hours Remaining Estimate - 1 hour
                5h