Skip to content
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

Overlapping of lists next to floating tables. #17741

Draft
wants to merge 3 commits into
base: master
Choose a base branch
from

Conversation

pszczesniak
Copy link
Contributor

@pszczesniak pszczesniak commented Jan 10, 2025

Suggested merge commit message (convention)

Type: Message. Closes #8412.


Additional information

This is not 100% super solid solution but some kind of a workaround for this problem.

In short words there are two steps:

  • when a floated element has a list as a sibling than set margin-inline-end to 2em,
  • add overflow: hidden and padding-inline-start to the lists, starting from the second nesting ONLY when they are preceded by an element (e.g. table) that has style tag contains float.

The only potential risk is the overflow: hidden, but regular user wont' be able to break anything - without specific CSS that could manipulate the content (like position: absolute and manipulating the top, left, right or bottom).


Before:
Screenshot 2025-01-10 at 14 58 48

After:
Screenshot 2025-01-10 at 14 57 33


⚠️ It's not working with Export to Word.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Table can overlap with List
1 participant