Hi, thanks for the report. I can confirm this issue. Happens in all browsers and seems like an old issue.

The problem is related rather to the lists themselves - it occurs also when the list follows an image or probably any widget positioned with a float property. I provided a list of possible solutions that I found below. It is probably possible to explore this topic some more and get better results by styling every nested level of the list separately.

	Current state
	overflow: hidden it fixes the problem with the indentation of the lists next to the widget (see my next comment) all of the lists are indented equally the list doesn't wrap around the widget
	list-style-position: inside  the list next to the widget is fully visible, but not indented properly nested elements aren't indented properly indentation of any other lists is increased edit: breaks the multiline list items indentation
	list-style-position: inside and  text-indent: 1.5em the list next to the widget is fully visible and indented properly if not nested nested elements aren't indented properly indentation of any other lists is very increased edit: breaks the multiline list items indentation

The indentation of nested lists also doesn't work properly if the list is next to the widget:

@Comandeer Do you know any other way to get this done? We're stuck.

I think I found a working solution, so no more research needs to be done on this issue.

It works properly for the table as a whole, only the separate points won't be wrapped around the widget (as below).

There are two related issues:
#8769 Text indent doesn't work if the paragraph is preceded by the block widget.
#8770 Table widget aligned to the left/right has no margins.

The solution proposed in #8767 (review) seems to be a CSS hack and can be unpredictable is the edge cases.

The other solutions we found affect the rest of the layout to aggressively to be implemented, so we decided to put off this issue for now.

Same issue came out during new inline image testing. New findings not yet covered by this issue:

1. TODO lists also can overlap with the tables/images:

2. [SAFARI] Changing indent levels on lists results in hanging bullet points/numbers:

Maybe we can think about how to "push" the list so the markers wont lies inside table cells. We can use :has in CSS and detect if table has float (we should use some class not an inline style) and next element is a list - we can set a margin on the right/lest side of the table (depend on float and/or RTL). It's not a perfect solution but it should help a bit.

Originally mention here: #14921 (comment)

I'd suggest using the floating images approach. The floating image itself should set the margin on the opposite side. The problem here is that tables do not use CSS classes for styles. An inline style is used. We could modify the table alignment feature to upcast both, inline style and dedicated CSS class and downcast always to a CSS class that could include the margin style.