Uploaded image for project: 'Camunda Optimize'
  1. Camunda Optimize
  2. OPT-2143

Don't show :focus styles when actioning an interactive element using the cursor

XMLWordPrintable

    • focus

      Chrome (and possibly other browsers) show custom focus styles when actioning interactive elements (e.g. buttons) using the mouse/the cursor. We should prevent that since it feels odd (and is not consistent how Chrome deals with default/built-in focus styles, which are not shown when using the cursor to action).

      Reproduce:

      • Click any button/interactive element using cursor/mouse

      Expected:

      • The button/interactive element should not show the custom focus style (blue box-shadow)

      Observed:

      • Custom box-shadow focus style is shown.

      Please note: When focussing the button using the tab key or any other means to move the focus around, the focus style should be visible. Also text and related inputs incl. textareas should show the focus style when clicked.

        This is the controller panel for Smart Panels app

          1. OPT-click-focus.png
            OPT-click-focus.png
            4 kB

            [OPT-2143] Don't show :focus styles when actioning an interactive element using the cursor

            Franz added a comment -

            Here's a quick pen I made to compare the behaviour of default / non-custom-focus-styled elements: https://codepen.io/franzheidl/pen/OGpVaj

            Franz added a comment - Here's a quick pen I made to compare the behaviour of default / non-custom-focus-styled elements: https://codepen.io/franzheidl/pen/OGpVaj

              Unassigned Unassigned
              franz.heidl Franz
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Created:
                Updated:
                Resolved: