ignite-ui icon indicating copy to clipboard operation
ignite-ui copied to clipboard

[igCombo] Borders disappear on zooming out

Open tiliev opened this issue 8 years ago • 1 comments

Description

The borders of the igCombo disappear when zooming out in Chrome, IE 11 and Edge.

Steps to reproduce

  1. Open http://jsfiddle.net/g6bd7m43/ in Chrome, IE 11 or Edge
  2. Zoom out

Result

The borders of the igCombo disappear.

Expected result

The borders of the igCombo should be visible.

tiliev avatar Nov 13 '17 13:11 tiliev

@tiliev There's not much that we can do to fix that, this is caused by subpixel calculus of the browser. The problem is that when you zoom out, there is not enough space around the element with the border One way to fix this is to give the element some padding, one (px) should be enough to see the border on -50%, in my opinion, less than that is useless as the combo will be unreadable. The problem is that I am pretty sure that this will break the test for the combo. You can test this by adding 1px padding to the element with class".ui-igcombo" and zoom out. Let me know what you think.

desig9stein avatar Dec 05 '17 11:12 desig9stein