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

    Details

    • Title Keywords:
      focus
    • PM Priority:
      120

      Description

      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.

        Issue Links

          Activity

          Hide
          franz.heidl Franz Heidl 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

          Show
          franz.heidl Franz Heidl 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

            People

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

              Dates

              • Created:
                Updated:
                Resolved: