TextField border invisible when zooming out in Chrome

  1. #1

    TextField border invisible when zooming out in Chrome

    Ext.NET version: 4.5.0
    Google Chrome version: 63.0.3239.84 (Official Build) (64-bit)
    Operating System: Windows 10, Version 1709 (OS Build 16299.64)

    Hello,

    When using the Chrome's or Opera's zoom feature to zoom out on an Ext.NET page, the borders around TextField controls become invisible, so it's hard to see where you can enter text. This does not happen at all in Firefox (the borders are always at least 1px wide). Internet Explorer and Edge don't handle this perfectly, but they can at least show at least 3 of 4 borders.

    This happens here for example: https://examples4.ext.net/#/Form/TextField/Buttons/

    Here's Chrome on 100% zoom:
    Click image for larger version. 

Name:	chrome-100.png 
Views:	52 
Size:	18.3 KB 
ID:	25089

    And on 90% zoom:
    Click image for larger version. 

Name:	chrome-90.png 
Views:	63 
Size:	16.4 KB 
ID:	25090

    For comparison, this is Firefox on 90% zoom:
    Click image for larger version. 

Name:	firefox-90.png 
Views:	55 
Size:	15.5 KB 
ID:	25091

    A simple
    <div style="width: 400px; height: 20px; border: 1px solid grey;"></div>
    does not exhibit this issue either.

    Best regards,
    Raphael
  2. #2
    Found the following workaround:
    .x-webkit .x-form-trigger-wrap-default {
        border-width: thin;
    }

Similar Threads

  1. Replies: 3
    Last Post: Jun 23, 2015, 10:53 AM
  2. [CLOSED] Chrome 43 - TextField Slides Down
    By vzx in forum 3.x Legacy Premium Help
    Replies: 4
    Last Post: Jun 08, 2015, 10:28 AM
  3. [CLOSED] Seeing Border Around the ComboBox and TextField control in Razor
    By pawangyanwali in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Oct 24, 2012, 7:01 PM
  4. [1.0] Zooming in IE breaks screen/window size logic
    By plykkegaard in forum 1.x Help
    Replies: 5
    Last Post: Oct 12, 2012, 4:59 AM
  5. Replies: 3
    Last Post: Aug 11, 2011, 11:07 AM

Posting Permissions