Results 1 to 10 of 10

Thread: ExtJS 6.5.0 Fieldset legend are not visible in Safari 11

    You found a bug! We've classified it as EXTJS-26380 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1

    Default ExtJS 6.5.0 Fieldset legend are not visible in Safari 11

    Hello,

    Since i have updated me Safari to the version 11 all the ExtJS 6 fieldset title are not visible.
    You can check the bug in the kitchen sink : http://examples.sencha.com/extjs/6.5...fieldcontainer

    Safari version : Version 11.0 (12604.1.38.1.7)


    Regards,
    Nicolas Suhr

  2. #2
    Sencha Premium User
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    19,258

    Default

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

  3. #3

    Default

    Is there a workaround ?
    Some of our clients have already updated their Safari

  4. #4

    Default

    I noticed the same today too Nicolas - it worked last week, so the Safari upgrade I did this morning must have made these all disappear... makes the application we wrote rather ugly in Safari - I hope there is a fix for this soon!

  5. #5
    Sencha Premium Member
    Join Date
    Mar 2012
    Location
    New Zealand
    Posts
    151

    Default

    problem seem to be how Safari is handing the child divs on the legend - also happening in Safari on iOS 11

    CSS workaround that works for me:

    Code:
    .x-fieldset-header-default > .x-fieldset-header-text {
    	position:static;
    }

  6. #6
    Sencha Premium Member
    Join Date
    Dec 2009
    Posts
    27

    Default

    Titles are visible with that fix. Checkboxes and expand aren't visible. I can make them visible by ging them also the position static, but then they're still not clickable. See also this kitchensink example with checkboxes in fieldset title: http://examples.sencha.com/extjs/6.5...-checkboxgroup

    Anyone a good solution?

  7. #7

    Default

    Add a overflow visible on all fieldset is doing the job

    Code:
    .x-fieldset {
      overflow: visible;
    }

  8. #8
    Sencha Premium User
    Join Date
    Apr 2009
    Location
    Raalte, Netherlands
    Posts
    253

    Default

    Quote Originally Posted by Nicolas Suhr View Post
    Add a overflow visible on all fieldset is doing the job

    Code:
    .x-fieldset {
      overflow: visible;
    }
    Thanks that worked. I gave yesterday a demo over the phone to my customer (who has an Apple iMac) and I just didn't understand why she was not seeing what I saw. I am typing this on an Apple where I could reproduce the error and correct the issue with your solution. Now I am quickly heading back to my Linux Dell.

    Interesting question is, how intensive is Apple still updating Safari, or are they considering that a lost cause?

  9. #9
    Ext JS Premium Member
    Join Date
    Oct 2007
    Posts
    128

    Default

    Quote Originally Posted by jvandemerwe View Post
    Interesting question is, how intensive is Apple still updating Safari, or are they considering that a lost cause?
    It's very actively updated.

  10. #10
    Sencha Premium User
    Join Date
    Jun 2017
    Posts
    17

    Default

    This still is happening with 6.6.0. Does anyone else have other fixes for this besides the ones posted above?
    Code:
    .x-fieldset {  overflow: visible;
    }
    is not working for me. Thank you!

Similar Threads

  1. ExtJS4.2 Legend for Chart not visible
    By tdobberphul in forum Sencha Ext JS Q&A
    Replies: 4
    Last Post: 26 Jun 2014, 1:27 AM
  2. Replies: 2
    Last Post: 29 Apr 2013, 4:26 AM
  3. Replies: 4
    Last Post: 29 Apr 2013, 4:23 AM
  4. [INFOREQ] Set visible fieldset in Chrome 4.1 (ExtJS 3.2)
    By brk11 in forum Ext 3.x: Help & Discussion
    Replies: 15
    Last Post: 16 Jan 2013, 4:56 AM
  5. Replies: 2
    Last Post: 7 Aug 2009, 4:30 AM

Tags for this Thread

Posting Permissions

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