Uploaded image for project: 'Jenkins'
  1. Jenkins
  2. JENKINS-72430

Dropdown background is transparent when the browser does not support backdrop-filter

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Not A Defect
    • Icon: Minor Minor
    • core
    • None
    • Firefox 120.0

      The background for dropdowns is transparent for me in Firefox. It does work in Chrome, but im not sure why. There is no background style set.

        1. image-2023-12-05-21-03-35-636.png
          image-2023-12-05-21-03-35-636.png
          7 kB
        2. image-2023-12-05-21-02-50-531.png
          image-2023-12-05-21-02-50-531.png
          12 kB
        3. image-2023-12-05-20-09-42-243.png
          image-2023-12-05-20-09-42-243.png
          30 kB
        4. image-2023-12-05-20-04-26-981.png
          image-2023-12-05-20-04-26-981.png
          21 kB
        5. image-2023-12-05-20-03-43-372.png
          image-2023-12-05-20-03-43-372.png
          13 kB
        6. image-2023-12-05-20-01-54-832.png
          image-2023-12-05-20-01-54-832.png
          10 kB
        7. image-2023-12-05-19-49-04-763.png
          image-2023-12-05-19-49-04-763.png
          33 kB
        8. image-2023-12-05-19-46-35-706.png
          image-2023-12-05-19-46-35-706.png
          104 kB
        9. image-2023-12-05-19-45-09-276.png
          image-2023-12-05-19-45-09-276.png
          109 kB
        10. image-2023-12-05-19-26-52-025.png
          image-2023-12-05-19-26-52-025.png
          32 kB

          [JENKINS-72430] Dropdown background is transparent when the browser does not support backdrop-filter

          Lukas created issue -
          Lukas made changes -
          Labels New: lts-candidate

          Lukas added a comment -

          https://github.com/jenkinsci/jenkins/pull/8753

          Lukas added a comment - https://github.com/jenkinsci/jenkins/pull/8753

          Mark Waite added a comment - - edited

          I can't duplicate that behavior with Firefox 120.0 on my Windows 11 computer. Can you provide more details to describe the configuration where you see that behavior?

          Mark Waite added a comment - - edited I can't duplicate that behavior with Firefox 120.0 on my Windows 11 computer. Can you provide more details to describe the configuration where you see that behavior?
          Lukas made changes -
          Attachment New: image-2023-12-05-19-45-09-276.png [ 61674 ]
          Lukas made changes -
          Attachment New: image-2023-12-05-19-46-35-706.png [ 61675 ]

          Lukas added a comment -

          I am using Windows 10, with no special configuration (style customizing plugins or similar) in Firefox. Most of my colleagues do not have this problem, although there is one person who is also affected. I'm not really sure why it works at all, since there is no background attribute set.

          Computed styles show no background style:

          So the default browser style applies: rgba(0,0,0,0) = transparent

          Lukas added a comment - I am using Windows 10, with no special configuration (style customizing plugins or similar) in Firefox. Most of my colleagues do not have this problem, although there is one person who is also affected. I'm not really sure why it works at all, since there is no background attribute set. Computed styles show no background style: So the default browser style applies: rgba(0,0,0,0) = transparent
          Lukas made changes -
          Attachment New: image-2023-12-05-19-49-04-763.png [ 61676 ]

          Lukas added a comment -

          The inspected node is part of this dropdown:

          Lukas added a comment - The inspected node is part of this dropdown:

          Markus Winter added a comment -

          Can you check what is the setting of 'layout.css.backdrop-filter.enabled' in your firefox?

          If I change this to false (default is true) then I also see this. Changing this requires a restart of firefox to take effect

           

          Markus Winter added a comment - Can you check what is the setting of 'layout.css.backdrop-filter.enabled' in your firefox? If I change this to false (default is true) then I also see this. Changing this requires a restart of firefox to take effect  

            Unassigned Unassigned
            lgf10 Lukas
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:
              Resolved: