Fomantic: Transition: Element is no longer attached to DOM #5017

Closed
opened 2025-11-02 06:11:02 -06:00 by GiteaMirror · 7 comments
Owner

Originally created by @silverwind on GitHub (Mar 7, 2020).

This is apparently still happening rarely, opening this issue to track it further.

I don't know the exact cause but when it happens, semantic.min.css is missing some CSS rules which in turn breaks a lot of functionality in the UI. More investigation on what exactly is not being built is needed. I suspect a underlying race condition in Fomantic's build process.

Workaround is just to rebuild fomantic (make fomantic) until it produces proper files.

Originally created by @silverwind on GitHub (Mar 7, 2020). This is apparently still happening rarely, opening this issue to track it further. I don't know the exact cause but when it happens, `semantic.min.css` is missing some CSS rules which in turn breaks a lot of functionality in the UI. More investigation on what exactly is not being built is needed. I suspect a underlying race condition in Fomantic's build process. Workaround is just to rebuild fomantic (`make fomantic`) until it produces proper files.
GiteaMirror added the topic/uitype/bug labels 2025-11-02 06:11:02 -06:00
Author
Owner

@zeripath commented on GitHub (Mar 7, 2020):

Thanks for looking into this @silverwind

@zeripath commented on GitHub (Mar 7, 2020): Thanks for looking into this @silverwind
Author
Owner

@silverwind commented on GitHub (Mar 7, 2020):

I reproduced within 6 build cycles:

705K public/fomantic/semantic.min.css
705K public/fomantic/semantic.min.css
705K public/fomantic/semantic.min.css
705K public/fomantic/semantic.min.css
673K public/fomantic/semantic.min.css
705K public/fomantic/semantic.min.css

Checking if I can reproduce in the Fomantic repo itself.

@silverwind commented on GitHub (Mar 7, 2020): I reproduced within 6 build cycles: ```` 705K public/fomantic/semantic.min.css 705K public/fomantic/semantic.min.css 705K public/fomantic/semantic.min.css 705K public/fomantic/semantic.min.css 673K public/fomantic/semantic.min.css 705K public/fomantic/semantic.min.css ```` Checking if I can reproduce in the Fomantic repo itself.
Author
Owner

@silverwind commented on GitHub (Mar 7, 2020):

Also reproducible in the Fomantic repo:

$ while true; do rm -rf dist && npx gulp build &>/dev/null && stat --printf="%s" dist/semantic.min.css | xargs; done
1354924
1354924
1321417
1354924
1354924
1321417
1321417

Bug report coming up soon.

@silverwind commented on GitHub (Mar 7, 2020): Also reproducible in the Fomantic repo: ```` $ while true; do rm -rf dist && npx gulp build &>/dev/null && stat --printf="%s" dist/semantic.min.css | xargs; done 1354924 1354924 1321417 1354924 1354924 1321417 1321417 ```` Bug report coming up soon.
Author
Owner

@silverwind commented on GitHub (Mar 7, 2020):

https://github.com/fomantic/Fomantic-UI/issues/1356

@silverwind commented on GitHub (Mar 7, 2020): https://github.com/fomantic/Fomantic-UI/issues/1356
Author
Owner

@kaptinlin commented on GitHub (Mar 7, 2020):

I have this issue too after install gitea.

Transition: Element is no longer attached to DOM. Unable to animate.  Use silent setting to surpress this warning in production. slide down in <div class=​"menu" tabindex=​"-1">​…​</div>​
error @ semantic.min.js?v=f820ffd1cde10fabc3a8915a0e5b6b1e:11
animate @ semantic.min.js?v=f820ffd1cde10fabc3a8915a0e5b6b1e:11
initialize @ semantic.min.js?v=f820ffd1cde10fabc3a8915a0e5b6b1e:11
(anonymous) @ semantic.min.js?v=f820ffd1cde10fabc3a8915a0e5b6b1e:11
each @ jquery.js?v=f820ffd1cde10fabc3a8915a0e5b6b1e:1
each @ jquery.js?v=f820ffd1cde10fabc3a8915a0e5b6b1e:1
(anonymous) @ semantic.min.js?v=f820ffd1cde10fabc3a8915a0e5b6b1e:11
show @ semanticDropdown.js:3641
show @ semanticDropdown.js:603
toggle @ semanticDropdown.js:576
eventOnElement @ semanticDropdown.js:1799
toggle @ semanticDropdown.js:1287
dispatch @ jquery.js?v=f820ffd1cde10fabc3a8915a0e5b6b1e:1
(anonymous) @ jquery.js?v=f820ffd1cde10fabc3a8915a0e5b6b1e:1
@kaptinlin commented on GitHub (Mar 7, 2020): I have this issue too after install gitea. ``` Transition: Element is no longer attached to DOM. Unable to animate. Use silent setting to surpress this warning in production. slide down in <div class=​"menu" tabindex=​"-1">​…​</div>​ error @ semantic.min.js?v=f820ffd1cde10fabc3a8915a0e5b6b1e:11 animate @ semantic.min.js?v=f820ffd1cde10fabc3a8915a0e5b6b1e:11 initialize @ semantic.min.js?v=f820ffd1cde10fabc3a8915a0e5b6b1e:11 (anonymous) @ semantic.min.js?v=f820ffd1cde10fabc3a8915a0e5b6b1e:11 each @ jquery.js?v=f820ffd1cde10fabc3a8915a0e5b6b1e:1 each @ jquery.js?v=f820ffd1cde10fabc3a8915a0e5b6b1e:1 (anonymous) @ semantic.min.js?v=f820ffd1cde10fabc3a8915a0e5b6b1e:11 show @ semanticDropdown.js:3641 show @ semanticDropdown.js:603 toggle @ semanticDropdown.js:576 eventOnElement @ semanticDropdown.js:1799 toggle @ semanticDropdown.js:1287 dispatch @ jquery.js?v=f820ffd1cde10fabc3a8915a0e5b6b1e:1 (anonymous) @ jquery.js?v=f820ffd1cde10fabc3a8915a0e5b6b1e:1 ```
Author
Owner

@silverwind commented on GitHub (Mar 7, 2020):

@KaptinLin should be resolved in the lastest master build.

@silverwind commented on GitHub (Mar 7, 2020): @KaptinLin should be resolved in the lastest master build.
Author
Owner

@silverwind commented on GitHub (Apr 10, 2020):

Closing, workaround (https://github.com/go-gitea/gitea/pull/10655) will be removed next Fomantic release.

@silverwind commented on GitHub (Apr 10, 2020): Closing, workaround (https://github.com/go-gitea/gitea/pull/10655) will be removed next Fomantic release.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/gitea#5017