Reference list <div> can overlap a template <div> because that's how HTML works
Open, LowPublic8 Story Points


Recently there is a problem when edditing an article, which has a block of refernece list, that the reference list overlaps the block off infobox as displayed at the screenshot. It happens when you open such page to edit:

and accidently drive your cursor passing by the references and than to infobox area. It hightlights reflist and than once you click in reference area to the taxobox to edit it. You are not opening infobox template, but ref list. I think this might be confusing and basicaly blocks should not overlap eachother.

Juandev created this task.Jul 2 2015, 6:09 AM
Juandev updated the task description. (Show Details)
Juandev raised the priority of this task from to Needs Triage.
Juandev added a subscriber: Juandev.
Restricted Application added a project: VisualEditor. · View Herald TranscriptJul 2 2015, 6:09 AM
Restricted Application added a subscriber: Aklapper. · View Herald Transcript

There's not much that can be done about this. The HTML box model says that they do indeed overlap, it's just the text flow algorithm that stops them colliding.

The only way to stop them colliding would be:

  • Use display:table instead of block, but this would likely cause more unforseen problems. We try not to restyle elements as much as possible.
  • Calculate the highlights based on text content. This would be very slow, and potentially ugly.
Restricted Application added a subscriber: matej_suchanek. · View Herald TranscriptAug 11 2015, 12:40 PM
Jdforrester-WMF renamed this task from Reference div overlaps Infobox div to Reference list <div> can overlap a template <div> because that's how HTML works.
Jdforrester-WMF triaged this task as Low priority.
Jdforrester-WMF set the point value for this task to 8.
Jdforrester-WMF set Security to None.