Coordinates stick to top right of Realtime Preview pane
Open, Needs TriagePublicBUG REPORT
dom_walden
Jun 7 2022, 12:08 PM2022-06-07 12:08:46 (UTC+0)
Community-Tech (Following)
Realtime Preview (P2s)
Restricted File
Jul 25 2022, 10:21 PM2022-07-25 22:21:23 (UTC+0)
F35216330: firefox_m20kDc91Qv.gif
Jun 7 2022, 9:19 PM2022-06-07 21:19:12 (UTC+0)
F35215355: coordinates.png
JJMC89
MusikAnimal
TheresNoTime
Using Realtime Preview on pages with coordinates, the coordinates stick to the top right of the RTP pane and follow you when you scroll down.
It does not appear to interfere with the functionality. But, it is a bit annoying and looks messy.
Ideally, the coordinates should stay at the top right of the page in the preview like they do when viewing the page normally.
(I don't know which extension deals with coordinates.)
Steps to reproduce problem
Login to https://hu.wikipedia.org/
Go to https://hu.wikipedia.org/wiki/Special:Preferences#mw-prefsection-betafeatures
Enable Realtime preview
Go to https://hu.wikipedia.org/w/index.php?title=World_Chess_Hall_of_Fame&action=edit
Open the Preview pane
Expected behavior: The coordinates appear in the preview in the same place as when viewing the page normally.
Observed behavior: The coordinates always appear in the top right of the pane even if you scroll down.
Wiki(s): https://hu.wikipedia.org MediaWiki 1.39.0-wmf.14 (d160b61) 02:40, 31 May 2022.
Editor WikiEditor 0.5.3 (24ddf19) 09:24, 30 May 2022.
T315049: Absolutely positioned content can leak out of the real-time preview area
T281974: Fix alignment of coordinates and page indicators (Vector 2022)
rEWED24ddf194a838: Localisation updates from https://translatewiki.net.
rMWd160b616f3dc: Merge "Docs: remove references to DefaultSettings.php"
dom_walden created this task.Jun 7 2022, 12:08 PM2022-06-07 12:08:46 (UTC+0)
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJun 7 2022, 12:08 PM2022-06-07 12:08:47 (UTC+0)
TheresNoTime added a subscriber: TheresNoTime.Edited · Jun 7 2022, 9:19 PM2022-06-07 21:19:11 (UTC+0)
I think it's some sort of interaction between the position: absolute;
#coordinates {
on <span id="coordinates">, and the position: relative;
.vector-body {
on <div id="bodyContent" class="vector-body">.
When the content is rendered in the realtime preview div
<div class="ext-WikiEditor-realtimepreview-preview mw-preview-loading-elements">
the #coordinates span loses its positioned ancestor (the realtime preview div) and instead uses the document body.
Quickly hacking in position: relative; on the realtime preview div
<div class="ext-WikiEditor-realtimepreview-preview mw-preview-loading-elements" style="position: relative;">
seems to fix this, but could well cause other problems..
Why is CSS like this?
JJMC89 added a subscriber: JJMC89.Jun 7 2022, 9:31 PM2022-06-07 21:31:47 (UTC+0)
The best solution is likely the same as for T281974: Fix alignment of coordinates and page indicators (Vector 2022): use an indicator instead of CSS positioning in the coordinates template.
TheresNoTime mentioned this in T281974: Fix alignment of coordinates and page indicators (Vector 2022).Jun 13 2022, 8:55 PM2022-06-13 20:55:40 (UTC+0)
JMcLeod_WMF moved this task from New & TBD Tickets to Following on the Community-Tech board.Jun 21 2022, 2:13 PM2022-06-21 14:13:19 (UTC+0)
NRodriguez moved this task from Backlog to P2s on the Realtime Preview board.Jun 30 2022, 5:28 PM2022-06-30 17:28:10 (UTC+0)
MusikAnimal added a subscriber: MusikAnimal.Jul 25 2022, 10:21 PM2022-07-25 22:21:23 (UTC+0)
The long-standing Live Preview has a similar issue:
{F35216438}
At any rate I agree with JJMC89. This is an editorial problem will likely manifest itself in various ways as we increase the rollout of Realtime Preview (coordinates aren't the only things out there that position absolutely within the content area). Usually it's something the community will have to fix, if they want to. Still good to log this issue but I wouldn't personally consider it an issue with Realtime Preview.
dom_walden added a comment.Aug 18 2022, 1:39 PM2022-08-18 13:39:30 (UTC+0)
I see a similar bug with commons shortcuts, e.g. https://commons.wikimedia.org/w/index.php?title=Commons:Media_of_the_day&action=edit
dom_walden added a comment.Sep 5 2022, 8:04 AM2022-09-05 08:04:39 (UTC+0)
Since T315049, the behaviour has changed. The coordinates do not stick to the top anymore. It is now the same as shown in T310064#7987239.
They do slightly overlap the infobox when the Preview is scrolled all the way to to top (like shown in the description).
dom_walden mentioned this in T315049: Absolutely positioned content can leak out of the real-time preview area.Sep 5 2022, 8:08 AM2022-09-05 08:08:54 (UTC+0)