Page MenuHomePhabricator
Create Task
Maniphest T58753

The box for preformatted option doesn't shorten itself when there are floated nodes to the right
Closed, ResolvedPublic
Actions

Description

Screenshot of overlapping

Steps to reproduce:

  1. Click on the "Edit" button
  2. Insert an image by going to More>Media
  3. Now Place the curser on any line which is aligned with the starting line and ending line of an image
  4. Type a text

5.Select the option "Preformatted" from the heading style menu bar.

Observed result:
The box for preformatted option gets overlapped with the image file

Page:Any
Environment:test 2 and betalabs
Browser:Chrome Version 26.0.1410.65 and firefox 20
Reproducible:Yes

Version: unspecified
Severity: normal

Attached:

Screen_Shot_2013-11-07_at_5.10.44_PM.png (277×1 px, 96 KB)

Details

Reference
bz56753

Related Objects

Event Timeline

• bzimport raised the priority of this task from to Needs Triage.Nov 22 2014, 2:18 AM
• bzimport added a project: VisualEditor-ContentEditable.
• bzimport set Reference to bz56753.
Ryasmeen created this task.Nov 8 2013, 1:11 AM
Jdforrester-WMF added a project: VisualEditor.Nov 24 2014, 4:31 PM
Jdforrester-WMF renamed this task from VisualEditor: The box for preformatted option gets overlapped with the image file to The box for preformatted option doesn't shorten itself when there are floated nodes to the right.Dec 2 2014, 1:05 AM
Jdforrester-WMF triaged this task as Low priority.
Jdforrester-WMF raised the priority of this task from Low to Medium.
Jdforrester-WMF added a project: VisualEditor-MediaWiki.
Jdforrester-WMF set Security to None.
Jdforrester-WMF moved this task from To Triage to Freezer on the VisualEditor board.
matmarex closed this task as Resolved.Jun 20 2022, 2:26 PM
matmarex assigned this task to TheDJ.
matmarex subscribed.

This has been fixed by rMW66ad598b4633: Break words in <pre> and .mw-code when overflowing (2020):

Also make sure that the background of pre elements doesn't run behind
floating elements like infoboxes and images, by introducing a new block
formatting context.

Restricted Application added a project: User-Ryasmeen. · View Herald TranscriptJun 20 2022, 2:26 PM
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL