2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2026-03-05 15:27:34 +08:00
discourse/app/assets/stylesheets/common/rich-editor
Renato Atilio 4025dad5da
FIX: [rich editor] footnotes editor inside list items (#37343)
Fixes the footnote editor positioning inside list items by using a
different approach than absolute/relative to anchor the footnote
position to the ProsMirror editor: `contain: layout` with `position:
fixed`:

> If the position property is absolute or **fixed**, the containing
block may also be formed by the edge of the padding box of the nearest
ancestor element that has any of the following:
> [...]
> - A
[contain](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/contain)
value of **layout**, paint, strict or content (e.g., contain: paint;).

Source:
https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Display/Containing_block#identifying_the_containing_block

## Before
<img width="754" height="305" alt="image"
src="https://github.com/user-attachments/assets/34864dda-4bdc-47b5-976f-bfd5e05e4d8b"
/>

## After
<img width="756" height="311" alt="image"
src="https://github.com/user-attachments/assets/2edad908-8e76-43b0-8862-280470efc6c5"
/>
2026-01-28 11:35:15 -03:00
..
_index.scss FEATURE: carousel mode for image grid (#36825) 2026-01-07 11:48:15 +11:00
composer-image-gallery.scss FEATURE: carousel mode for image grid (#36825) 2026-01-07 11:48:15 +11:00
rich-editor.scss FIX: [rich editor] footnotes editor inside list items (#37343) 2026-01-28 11:35:15 -03:00