[Koha-bugs] [Bug 33772] New: Header search input no longer has an outline when focused

[bugzilla-daemon at bugs.koha-community.org]

https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=33772

            Bug ID: 33772
           Summary: Header search input no longer has an outline when
                    focused
 Change sponsored?: ---
           Product: Koha
           Version: master
          Hardware: All
                OS: All
            Status: NEW
          Severity: trivial
          Priority: P5 - low
         Component: Staff interface
          Assignee: koha-bugs at lists.koha-community.org
          Reporter: jrobb at sekls.org
        QA Contact: testopia at bugs.koha-community.org
                CC: gmcharlt at gmail.com

Created attachment 151435
  -->
https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=151435&action=edit
Comparison of header search pre and post 22.11

Prior to the staff interface redesign, the input box in the header search had a
black outline to indicate focus. This no longer appears post-redesign so it is
easy to miss when the input is in or out of focus.

This is also an accessibility concern:
https://developer.mozilla.org/en-US/docs/Web/CSS/:focus#accessibility_concerns

A possible workaround is to add an inset box-shadow:

#header_search .form-content:focus-within {
    box-shadow: inset 0 0 0px 3px #ffc32b;
}

The attachment includes the before and after, as well as how the above css
looks.

-- 
You are receiving this mail because:
You are watching all bug changes.
You are the assignee for the bug.