New input field button invisible on UK Gov sites in Safari

Options

The new 1Password button/icon that appears in input fields in Safari 17.4.1 is invisible when attempting to login to UK Government websites (e.g. https://www.tax.service.gov.uk/account )

You can hover the mouse pointer over the area where the button/icon should be, and the tooltip appears, and you can click and interact with the button, but it is not visible.


1Password Version: 8.10.32
Extension Version: 2.23.1
OS Version: Sonoma 14.4.1
Browser: Safari 17.4.1

Comments

  • Dave_1P
    Options

    Hello @snozdop! 👋

    Thank you for the report! I see the same thing in Safari on my own Mac and I've filed an issue with our development team so that they can get this fixed in a future version of 1Password.

    Let me know if you see the issue on any other websites. 🙂

    -Dave

    ref: dev/core/core#29334

  • snozdop
    snozdop
    Community Member
    Options

    I just checked to see if it was a simple CSS issue that I could override myself, but it appears it is to do with the Content Security Policy of the site. A few errors like below appear in the Web Inspector as it tries to load the SVG graphics from the extension:

    Refused to load data:image/svg+xml,<svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 1.29289C11.8905 1.68342 11.8905 2.31658 11.5 2.70711L7.20711 8L11.5 13.2929C11.8905 13.6834 11.8905 14.3166 11.5 14.7071C11.1095 15.0976 10.4763 15.0976 10.0858 14.7071L4.43934 9.06066C3.85355 8.47487 3.85355 7.52513 4.43934 6.93934L10.0858 1.29289C10.4763 0.902369 11.1095 0.902369 11.5 1.29289Z" fill="currentColor"></path></svg> because it does not appear in the img-src directive of the Content Security Policy.
    
  • Dave_1P
    Options

    @snozdop

    Thank you, I've passed along your findings to the team. 🙂

    -Dave