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

There is a space before each item in `form-autocomplete-suggestions` in firefox

XMLWordPrintable

    • MOODLE_404_STABLE

      In the autocomplete form element, there is a space before each element when you access it from firefox.

      It is not visible because each value has only one line, but in workplace we started adding two lines in some items in the issue WP-3898. Now, we can see that the first line has a space before the text and the second one doesn't.

      After checking core, we can actually see that the space is also there.

       

      The solution would be this one:
      .form-autocomplete-suggestions li::before

      { content: none !important; /* stylelint-disable-line declaration-no-important */ }

       

       

      Here you can see how it looks for us in Chrome and Firefox:

      Chrome:

      Firefox:

       

        1. Chrome.png
          Chrome.png
          156 kB
        2. Firefox.png
          Firefox.png
          163 kB
        3. image-2024-07-15-17-12-58-605.png
          image-2024-07-15-17-12-58-605.png
          112 kB
        4. image-2024-07-15-17-12-58-628.png
          image-2024-07-15-17-12-58-628.png
          160 kB

            Unassigned Unassigned
            odei.alba@moodle.com Odei Alba
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 25 minutes
                25m

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.