New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ext.form.FieldSet title broken in Safari 11 #1554

Closed
fabriciomurta opened this Issue Sep 29, 2017 · 5 comments

Comments

Projects
None yet
1 participant
@fabriciomurta
Contributor

fabriciomurta commented Sep 29, 2017

Found: 4.4.1
Sencha forum thread: ExtJS 6.5.0 Fieldset legend are not visible in Safari 11

Down to Safari 10, it worked fine. As Safari 11 update (by september 19th, 2017) the form fieldset's titles are transparent and collapsible fieldsets no longer collapses/expands on click either in the checkbox or the title itself.

In Ext.NET 2, only the collapse/expand functionality doesn't work. The expand/collapse icon and title text appears normally.

As for fixing the fieldset title, just setting App.FieldSet1.titleCmp.setStyle('position', 'inherit') is enough. For showing whe collapse/expand icon, a solution is currently not known.
In order to bind back the event, it would be enough, after render, to App.FieldSet1.legend.el.on('click', App.FieldSet1.toggle);
More alternatives in the sencha pointed thread.

@fabriciomurta

This comment has been minimized.

Show comment
Hide comment
@fabriciomurta

fabriciomurta Sep 29, 2017

Contributor

The fix selectively activates the CSS settings when the conditions to trigger the issue are met.

Contributor

fabriciomurta commented Sep 29, 2017

The fix selectively activates the CSS settings when the conditions to trigger the issue are met.

@fabriciomurta

This comment has been minimized.

Show comment
Hide comment
@fabriciomurta

fabriciomurta Oct 14, 2017

Contributor

Update: Issue still open after ExtJS 6.5.2 release. Issue is acknowledged by Sencha under ID EXTJS-26380.

Contributor

fabriciomurta commented Oct 14, 2017

Update: Issue still open after ExtJS 6.5.2 release. Issue is acknowledged by Sencha under ID EXTJS-26380.

@fabriciomurta fabriciomurta added the 4.x label Oct 14, 2017

@fabriciomurta

This comment has been minimized.

Show comment
Hide comment
@fabriciomurta

fabriciomurta Jun 8, 2018

Contributor

Update: Issue still open after ExtJS 6.5.3 release. Issue is acknowledged by Sencha under ID EXTJS-26380.

Contributor

fabriciomurta commented Jun 8, 2018

Update: Issue still open after ExtJS 6.5.3 release. Issue is acknowledged by Sencha under ID EXTJS-26380.

@fabriciomurta

This comment has been minimized.

Show comment
Hide comment
@fabriciomurta

fabriciomurta Aug 2, 2018

Contributor

Update: Sencha issue EXTJS-26380 allegedly fixed in ExtJS 6.6.0 release.

Contributor

fabriciomurta commented Aug 2, 2018

Update: Sencha issue EXTJS-26380 allegedly fixed in ExtJS 6.6.0 release.

@fabriciomurta

This comment has been minimized.

Show comment
Hide comment
@fabriciomurta

fabriciomurta Aug 2, 2018

Contributor

Just tested with Safari 11.1.2 on Sencha example for 6.5.3 and 6.6.0, and now it works!

Contributor

fabriciomurta commented Aug 2, 2018

Just tested with Safari 11.1.2 on Sencha example for 6.5.3 and 6.6.0, and now it works!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment