Animated button not fit inside the Accordion

[hajanajubudeen88]

Bug Report

In the TestCase, I'm facing some button size issue

Steps to reproduce

1. I'm using animation button in two places one is in the top of the page and another is in inside the accordion
2. The top buttons are working good
3. But once the same code i use inside the accordion the sizes may differ from outside the accordion (NOTE : Only Animated buttons not fit inside the accordion, normal buttons working good )

Expected result

Need the same size both inside the accordion and out side the accordion

Fiddle Link

https://jsfiddle.net/hajanajubudeen88/u4bzjqmt/14/

Screenshot (if possible)

Version

2.x.x

[lubber-de]

Pleae provide a jsfiddle for easier investigation. Thanks

[lubber-de]

Cannot reproduce: Here is a jsfiddle having an accordion including animated buttons. All looks normal to me. Please adjust the jsfiddle so your issue is reproducable https://jsfiddle.net/lubber/se1qa8Lj/4/

[hajanajubudeen88]

Thank You for your response appreciated, Kindly check the jsfiddle : https://jsfiddle.net/hajanajubudeen88/u4bzjqmt/14/

[lubber-de]

Thanks. Your issue has been fixed in the nightly 2.9.0 beta by #2197 See your adjusted jsfiddle here https://jsfiddle.net/lubber/gpfu54b2/

[hajanajubudeen88]

Thanks. Your issue has been fixed in the nightly 2.9.0 beta by #2197 See your adjusted jsfiddle here https://jsfiddle.net/lubber/gpfu54b2/

This works only in jsfiddle, once i use this code into my project its not working (facing the same issue), Thanks

[lubber-de]

Because you probably did not use the nightly beta in your code which is available at the cdn via https://cdn.jsdelivr.net/npm/fomantic-ui@nightly/dist/semantic.min.css and https://cdn.jsdelivr.net/npm/fomantic-ui@nightly/dist/semantic.min.js

Take a look at the jsfiddle to the left where the resources are listed.