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;
}

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
