Tuesday, January 8, 2013

Chrome Zoom Problem

While working on a bug at work I discovered an issue in Chrome when you zoom in or out to a certain level. There were two elements inside a container and one was floated to the right. When a certain zoom level was reached they became unaligned making the UI look buggy.

Figure 1 - Buggy button

The solution was to simply switch the order of the two elements inside the container.

Check it out on this JS fiddle (zoom to 90%) http://jsfiddle.net/Tk7Pp/