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
1 Like
Yep, we’re aware of that one as well.
1 Like
I was able to rush this one into the development sprint and the fix will be included in the 8.3 nightly builds for 8.3.3 starting tomorrow. Note that this did not make the 8.3.2RC, so do not expect this to work as expected until you’re using 8.3.3 in some capacity.
1 Like
Sounds good, thanks!