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

          franz.heidl Franz Heidl created issue -
          franz.heidl Franz Heidl made changes -
          Field Original Value New Value
          Attachment OPT-click-focus.png [ 28317 ]
          franz.heidl Franz Heidl made changes -
          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). 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 using cursor/mouse


          Expected:
           - The button 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.
          felix.mueller Felix Müller made changes -
          Link This issue is related to OPT-2091 [ OPT-2091 ]
          franz.heidl Franz Heidl made changes -
          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 using cursor/mouse


          Expected:
           - The button 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.
          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 using cursor/mouse


          Expected:
           - The button 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.
          franz.heidl Franz Heidl made changes -
          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 using cursor/mouse


          Expected:
           - The button 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.
          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 using cursor/mouse


          Expected:
           - The button 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.
          franz.heidl Franz Heidl made changes -
          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 using cursor/mouse


          Expected:
           - The button 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.
          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.
          felix.mueller Felix Müller made changes -
          Link This issue is depended on by OPT-2091 [ OPT-2091 ]
          felix.mueller Felix Müller made changes -
          Link This issue is related to OPT-2091 [ OPT-2091 ]
          felix.mueller Felix Müller made changes -
          Fix Version/s 2.5.0 [ 15385 ]
          felix.mueller Felix Müller made changes -
          Issue Type Bug Report [ 1 ] Feature Request [ 2 ]
          felix.mueller Felix Müller made changes -
          Labels product_design
          felix.mueller Felix Müller made changes -
          Rank Ranked higher
          felix.mueller Felix Müller made changes -
          Link This issue is related to OPT-2091 [ OPT-2091 ]
          felix.mueller Felix Müller made changes -
          Link This issue is depended on by OPT-2091 [ OPT-2091 ]
          johannes.heinemann Johannes Heinemann made changes -
          Labels product_design current_release product_design
          johannes.heinemann Johannes Heinemann made changes -
          Assignee Omran Abazeed [ omran.abazeed ]
          omran.abazeed Omran Abazeed made changes -
          Status Open [ 1 ] In Development [ 10312 ]
          omran.abazeed Omran Abazeed made changes -
          Status In Development [ 10312 ] In Review [ 10212 ]
          Assignee Omran Abazeed [ omran.abazeed ] Sebastian Stamm [ sebastian.stamm ]
          sebastian.stamm Sebastian Stamm made changes -
          Assignee Sebastian Stamm [ sebastian.stamm ]
          Status In Review [ 10212 ] Done [ 10010 ]
          Resolution Fixed [ 1 ]
          felix.mueller Felix Müller made changes -
          PM Priority 120
          michael.wagner Michael Wagner made changes -
          Fix Version/s 2.5.0-alpha1 [ 15391 ]
          michael.wagner Michael Wagner made changes -
          Labels current_release product_design product_design

            People

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

              Dates

              • Created:
                Updated:
                Resolved: