Block Editor: image text-wrap toolbar icons and i18n keys are mismatched (26.04.11-01)

[fmontes]

Summary

The new image text-wrap toolbar buttons shipped in 26.04.11-01 (#35211) have two bugs confirmed via customer report (FD #36727):

1. Icon glyphs are inverted relative to the action they trigger
2. i18n keys for wrap-left / wrap-right are missing from Language.properties

---

Bug 1 — Icon / action mismatch

File: dot-bubble-menu.component.html:39-56

Button	Action called	CSS result	Icon shown	Expected icon
wrap-left	setImageTextWrap('left')	float: left → image on left, text on right	pi-align-left + pi-image (visually: text-left, image-right)	Should show image-left, text-right
wrap-right	setImageTextWrap('right')	float: right → image on right, text on left	same mismatch in reverse	Should show image-right, text-left

The icon glyphs communicate the opposite layout from what the action produces.

---

Bug 2 — Missing i18n keys

Tooltips are rendering the raw key string (e.g. block-editor.bubble-menu.image.wrap-right) instead of translated text.

The .properties file defines a key for the feature but is missing:

• block-editor.bubble-menu.image.wrap-left
• block-editor.bubble-menu.image.wrap-right

---

Steps to Reproduce

1. Open the Block Editor and insert an image.
2. Select the image to open the bubble menu.
3. Hover over the wrap-left or wrap-right buttons — tooltip shows raw i18n key.
4. Click wrap-left — image floats left (correct), but the icon suggested image-on-right.

---

Expected Behavior

• Wrap-left icon should visually show image on the left, text on the right.
• Wrap-right icon should visually show image on the right, text on the left.
• Tooltips should show human-readable translated labels.

---

References

• PR that shipped this feature: feat(block-editor): add text wrap support to image block #35211
• Customer report: FD #36727
• Component: dot-bubble-menu.component.html

[copilot-swe-agent]

The agent encountered an error and was unable to start working on this issue: The service is temporarily unavailable. Please try again later. (Request id: D1FF:153DD0:8F29EA:D3251E:69E8EE25)

[Neehakethi]

https://dotcms.freshdesk.com/a/tickets/36727

[copilot-swe-agent]

The agent encountered an error and was unable to start working on this issue: The service is temporarily unavailable. Please try again later. (Request id: FA02:189C44:BA6BE:10819F:69E8EEB5)

[copilot-swe-agent]

The agent encountered an error and was unable to start working on this issue: The service is temporarily unavailable. Please try again later. (Request id: 9900:228301:81ED:A8DA:69E8EFAC)