IBX-10087: Left-aligned image overlaps with blocks in Richtext field

[GrabowskiM]

🎫 Issue	IBX-10087

Description:

For QA:

Documentation:

[Copilot]

Pull Request Overview

This PR addresses IBX-10087 by ensuring that left-aligned images no longer overlap adjacent blocks in Richtext fields.

• Introduces a clearfix rule for elements directly following an element with the data-ezalign attribute.

Comments suppressed due to low confidence (1)

src/bundle/Resources/public/scss/_general.scss:175

• Consider adding a comment to explain the purpose of using the adjacent sibling combinator here, which will help future maintainers understand how this rule addresses the overlapping issue.

[data-ezalign] + * {

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[KamilSznajdrowicz]

@GrabowskiM It looks fine now, but could we also fix the bug ? Where, when inserting a YouTube widget right after an image, the widget management panel doesn’t appear. I have to press Enter (go to a new line) first, and only then it shows up. The issue is shown in the video.

Nagranie.z.ekranu.2025-06-20.o.12.55.26.mov

[KamilSznajdrowicz]

@GrabowskiM It looks fine now, but could we also fix the bug ? Where, when inserting a YouTube widget right after an image, the widget management panel doesn’t appear. I have to press Enter (go to a new line) first, and only then it shows up. The issue is shown in the video.

Nagranie.z.ekranu.2025-06-20.o.12.55.26.mov

After discussions, reported here:https://issues.ibexa.co/browse/IBX-10270

[KamilSznajdrowicz]

QA Approved