[IGN-14835] Weird Quirk in Gateway UI in Safari

Has anyone else experienced in Safari noticed the save changes button in the gateway being weird and clicking the button next too it? For me to click it I have to hover over the left part for it to highlight submit properly, only seems to happen in Safari, I could not recreate it in Chrome or Edge. This has existed in all versions of 8.3 currently on 8.3.1.

It looks like Safari is failing to properly reconcile/calculate the applied rem setting for the width of the <svg> element contained within the menu button to the right.

svg {
    width: 1rem;
    height: 1rem;
    fill: none;
}

Screenshot 2025-11-14 at 1.41.51 PM

It’s not clear at first glance if this is something we can easily resolve. A less than ideal workaround is to click the top or bottom of that Save Changes button, as the <svg> doesn’t swallow clicks in those areas. I’ll open an internal ticket to see about getting this fixed.

2 Likes

Here’s another fun one:

Seems like adding a min-width to the svg class seems to resolve it the button issue at least

Yep, we’re aware of that one as well.

1 Like