Page 2 of 3 FirstFirst 123 LastLast
Results 11 to 20 of 26

Thread: Text field heights are incorrect, and text is misaligned, in Chrome 56

    Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-23628 in 6.5.1.
  1. #11
    Sencha User
    Join Date
    Jun 2009
    Location
    Heidelberg, Germany
    Posts
    78

    Default

    Just to second @BobR: This is clearly reproducible. I am using OS X 10.9.5 and Chrome (not Chromium) 56.0.2924.76. A colleague of mine is reporting the same issue on Windows. The system seems to be irrelevant, the issue arises as soon as you are using Chrome 56.

  2. #12
    Sencha Premium Member tjstuart's Avatar
    Join Date
    May 2007
    Location
    Sydney, Australia
    Posts
    457

    Default

    I can also confirm that the issue is reproducible exactly as BobR states.

  3. #13

    Default

    I see it now. Trying to see if it has already been reported. If not,I will file a report.


    Kevin Jackson
    Sencha Support Team

  4. #14

    Default

    Thanks for the report! I have opened a bug in our bug tracker.

  5. #15
    Sencha User
    Join Date
    Jun 2009
    Location
    Heidelberg, Germany
    Posts
    78

    Default

    Quote Originally Posted by BobR View Post
    I've tentatively fixed it by setting height: initial; on :not(.x-form-textarea-body) > .x-form-trigger-wrap but that makes me uncomfortable. Would like to see a recommendation/workaround from Sencha, even if it's not a full fix/update yet.
    Thanks, BobR, that helps. I'd recommend adding a .x-webkit selector to make sure that, in case the fix introduces new problems, they are at least restricted to Chrome.

    So, to summarize for anyone else who comes across the issue and needs a temporary fix until sencha fixes it. Use:
    Code:
    .x-webkit .x-form-text {
        height: 100% !important;
    }
    
    .x-webkit :not(.x-form-textarea-body) > .x-form-trigger-wrap {
        height: initial;
    }

  6. #16
    Sencha Premium Member
    Join Date
    Jul 2009
    Posts
    33

    Default

    Quote Originally Posted by kleins View Post
    So, to summarize for anyone else who comes across the issue and needs a temporary fix until sencha fixes it.
    Really good joke, the GPL version will never get a fix thanks to the damn Sencha license politic. Big OSS projects can not jump to ExtJS6 to get latest updates, they are locked in, e.g. to ExtJS5, because of various reasons like a too big code base, plugins that will break after update, .... This is really really bad for such projects. A comment from Sencha how to handle this would be really great.

  7. #17
    Sencha User
    Join Date
    Aug 2015
    Location
    SF Bay Area
    Posts
    4

    Default

    @vot

    We do include bug fixes in any subsequent GPL versions. So for instance, when we had the 6.2 GPL release, we included bug fixes from the prior support releases such as 6.01, or 6.0.2. You can find the details on our GPL policy here: https://www.sencha.com/legal/gpl/

    Thank you,
    Gautam

  8. #18
    Sencha Premium User
    Join Date
    Sep 2016
    Location
    Germany
    Posts
    37

    Default

    Relevant scss for text misalignment: ext/classic/theme-base/sass/src/form/field/Text.scss:62ff
    Code:
    @if $include-webkit {
        .#{$prefix}webkit & {
            // webkit adds a mysterious extra 3px of space under the textarea when it
            // is height:100% of its parent
            height: calc(100% + 3px);
        }
    }
    This strange behaviour seems to have been fixed in Blink with Chrome v56. But not in WebKit (tried the current Nightly). Maybe consider a bugreport?

    Edit:
    This strange behaviour seems to have disappeared in the last Safari versions! So this exception for webkit is not neccessary anymore. An idea for a fix would be to only apply the extra rule on old, affected versions (if you can find out which exactly those are).

    Try it yourself: Open an app/fiddle in Safari with the fix of #15 applied - the text allignment is still correct. With or without the fix!

  9. #19
    Sencha Premium Member matei's Avatar
    Join Date
    Jun 2008
    Location
    Cluj-Napoca
    Posts
    83

    Default

    more obvious when have border radius:
    screenshot.2017-02-15 11.47.08.jpg

  10. #20
    Sencha Premium User
    Join Date
    May 2015
    Posts
    33

    Default

    Any updates on this? It's a rather serious issue and affect many of our pages.

Page 2 of 3 FirstFirst 123 LastLast

Similar Threads

  1. [DUP] Text in Text field selected when Empty text given
    By DieInHeaven in forum Ext JS 6.x Bugs
    Replies: 4
    Last Post: 7 Jul 2016, 11:01 PM
  2. Replies: 1
    Last Post: 20 Apr 2016, 2:41 PM
  3. [DUP] 5.1.1 Chrome 43 text field shifts downward after tab
    By The0s in forum Ext 5: Bugs
    Replies: 5
    Last Post: 8 Jun 2015, 5:00 AM
  4. [OPEN] Grid's text-field editor incorrect behavior
    By nbabinski in forum Ext:Bugs
    Replies: 2
    Last Post: 20 Sep 2013, 6:45 AM
  5. [4.0.7] Multi-line text sprite misaligned in SVG
    By dgottlieb in forum Ext:Bugs
    Replies: 1
    Last Post: 2 Dec 2011, 10:31 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •