Accordions wide gap

[adiridho13]

📝 Provide detailed reproduction steps (if any)

Please provide the steps to reproduce and if possible a minimal demo of the problem via fiddle.tiny.cloud or similar.

1. Insert accordion

2. Inside accordion, insert table

3. in each row table, add accordion

4. Click "togle accordion" to un-expand the section (refer to image accordion-uncollapse.png)
   

5. expand all section (refer to image collapsible expanded.png),
   

6. Try to drag row table between collapsible 1 and 2 to top little bit (refer to image row-table-each-section.png)
   

7. un-expand all section Collapsible 1 until collapsible 4

✔️ Expected result

Between all collapsible should not have wide gaps (refer to image: wide-gaps.png)

before row dragged, tr tag doesn't have css height:

❌ Actual result

there's auto adjustment height, so when accordion un-collapsed, there is a wide gaps between all section

After row dragged:
in source code I see auto adjusted css height:

❓ Possible solution

📃 Other details

• Browser: Chrome
• OS Windows
• First affected version: latest
• Worked in version: …

---

If you'd like to see this fixed sooner, add a 👍 reaction to this post.

Templated used:

Collapsible 1 Insert title here Insert content here     This part is outside of the collapsible area. Start here or delete if needed. Insert title here Insert content here     This part is outside of the collapsible area. Start here or delete if needed. Insert title here Insert content here     This part is outside of the collapsible area. Start here or delete if needed.

Collapsible 2 Insert title here Insert content here     This part is outside of the collapsible area. Start here or delete if needed. Insert title here Insert content here     This part is outside of the collapsible area. Start here or delete if needed. Insert title here Insert content here     This part is outside of the collapsible area. Start here or delete if needed.

Collapsible 3 Insert title here Insert content here     This part is outside of the collapsible area. Start here or delete if needed. Insert title here Insert content here     This part is outside of the collapsible area. Start here or delete if needed. Insert title here Insert content here     This part is outside of the collapsible area. Start here or delete if needed.

 

when I copy paste all source code to here, it showing normal without wide gaps

Tested in latest version:
https://www.tiny.cloud/docs/tinymce/latest/accordion/

[lostkeys]

Hi @adiridho13. If you touch the rows it will resize and set a height to the row. If you don't want that, use table_resize_bars: false.

[adiridho13]

Hi @adiridho13. If you touch the rows it will resize and set a height to the row. If you don't want that, use table_resize_bars: false.

is it possible to make table auto fit the content ?

[lostkeys]

No, there is no button that does that. But you could build one using the APIs