View Full Version : [CLOSED] Fieldset expand/collapse is NOT working in Safari v11

Sep 27, 2017, 7:20 PM

Have you identified this? Fieldset control is not working after the recent MAC OS, Sierra + Safari v11 update. You can check this in your 2.5 example site. Open this page( http://examples2.ext.net/#/Form/Groups/Basic/) in Safari (v11) browser and try to expand/collapse fieldsets to replicate the issue.

We use Ext.Net 2.5 version on our website. We will be thankful to you if you provide a quick fix for this issue.

Sep 29, 2017, 3:47 AM
Hello @iansriley!

Rewire the event with:

App.MyFieldSet.legend.el.on('click', function() { App.MyFieldSet.toggle(); });

You may want to match against safari 11 by querying the user agent string returned by Ext.userAgent.

Ext.NET 2 does not support detecting safari 11 specificly otherwise (via Ext.isSafari).

I hope this helps.

EDIT: maybe a better way to fix that would be to have this CSS rule bound to every page using fieldset (or program some code to apply it whenever the browser is Safari 11):

.x-fieldset {
overflow: visible;

credits for the above override: Post #7 on Sencha Thread: ExtJS 6.5.0 Fieldset legend are not visible in Safari 11 (https://www.sencha.com/forum/showthread.php?423768&p=1282921&viewfull=1#post1282921)

Dec 01, 2017, 6:00 PM
Hello @iansriley!

It's been a while since we replied your inquiry here, and still no feedback from you. Did it help at all? Do you still need assistance in this topic?

We may mark this thread as closed if you don't provide a feedback in 7+ days from now but you will still be able to post a follow-up even after marked as closed.