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

The focus on a groupbox doesn't have any visual indicator

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Unresolved
    • Icon: Major Major
    • 10.2.0
    • 9.6.4
    • None
    • Security Level: Jimmy
    • None

      Steps to Reproduce

          <groupbox mold="3d">
              <caption iconSclass="z-icon-angle-down">
                  title
              </caption>
      
              <textbox/>
          </groupbox>
      

      1. press the tab key to focus on the caption of the groupbox
      2. check document.activeElement, it's span#zK6P2-toggle.sr-only.sr-only-focusable

      Current Result

      but no visual effect on the groupbox, so end-users don't know where the focus is

      Expected Result

      there is a visible, visual effect on the caption

      Debug Information

      • the CSS class name sr-only, sr-only-focusable don't follow zk convention, starting with z-

      Workaround

      .z-caption:focus-within

      { outline: 2px dotted red; }

            rebeccalai rebeccalai
            hawk hawk
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated: