Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-69715

Do not display focus outline when elements are clicked with a mouse, only display it on keyboard tab

    XMLWordPrintable

Details

    • MOODLE_39_STABLE

    Description

      After MDL-67874 we notice a lot of elements in the UI get outlined with a think border when clicked and this outline does not match the style of the page at all.

      I understand that we should clearly show the focus during tab navigation but I'm sure there are ways to do it so we don't outline the elements on mouse click.

      There is an interesting stackoverflow thread on it, I especially like the second rated answer.
      https://stackoverflow.com/questions/31402576/enable-focus-only-on-keyboard-use-or-tab-press

      Attachments

        1. 2020-09-16 15.10.36.jpg
          13 kB
          Marina Glancy
        2. 2020-09-16 15.10.42.jpg
          11 kB
          Marina Glancy

        Issue Links

          Activity

            People

              Unassigned Unassigned
              marina Marina Glancy
              Huong Nguyen, Bas Brands, Mathew May
              Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: