Edit+ / Viper - menu buttons out of alignment when zoomed


(Douglas (@finnatic at @waikato)) #1

One of our users reported a problem with the menu buttons being out of alignment in Viper / Edit+ which we've backtracked to their use of the zoom functionality in their browser - see attachment.

 

I'd like to raise a squiz map item since I think this isn't desirable behaviour - a quick search suggests there isn't a pre-existing one for a problem like this?


(Bart Banda) #2

Hi Douglas, we've got an issue like that reported already here: https://squizmap.squiz.net/matrix/9091

 

Still waiting for the Viper WYSIWYG team to fix it so will hopefully be out in the next release. 


(Bart Banda) #3

Seems to be due to a rendering issue/bug in Chrome. https://benfrain.com/background-positions-percentages-use-case-background-zoom-property/

In the meantime, the workaround in Edit+ is to add some custom CSS to use the PNG sprite instead. Zooming in will make the images a bit blurry, but at least they'll be read-able.

.Viper-buttonIcon {
  background-image: url(./Images/12.png);
}