Page MenuHomePhabricator

Share Highlight: incorrect height when the preview dialog is initially opened
Closed, ResolvedPublic1 Estimated Story PointsBUG REPORT

Description

Steps to replicate the issue (include links if applicable):

  • Open share dialog
  • Observe the open dialog. Notice the height is shorter than expected.
  • Close the dialog.
  • Re-open the dialog and notice that the height is correct.

What happens?:

The dialog height is short and unscrollable. The quote card is cut off and not fully displayed.

Screenshot from Apple Simulator:

ShareHighlight-bug-dialog-height.png (796×1,566 px, 501 KB)

What should have happened instead?:

  • The dialog's height can grow up to the full viewport height minus 2rems (max-height: calc(100vh - 2rem)).
  • Overflow content should be scrollable.
  • The quote card is fully visible or visible via scroll.

Software version (on Special:Version page; skip for WMF-hosted wikis like Wikipedia):

Other information (browser name/version, screenshots, etc.):

  • Browsers impacted: macOS Safari, macOS Apple Simulator, iOS Chrome, iOS Firefox

Acceptance Criteria:

  • Dialog displays correct height
  • Vertical overflow content is scrollable

Event Timeline

lwatson renamed this task from Share Highlight: incorrect height when the preview dialog is initially opened on Safari to Share Highlight: incorrect height when the preview dialog is initially opened.May 4 2026, 3:02 PM
lwatson updated the task description. (Show Details)

does this always occur or is it on specific devices, etc.?

Change #1283894 had a related patch set uploaded (by LWatson; author: LWatson):

[mediawiki/extensions/ReaderExperiments@master] Share Highlight: fix dialog height bug

https://gerrit.wikimedia.org/r/1283894

The issue is specific to Safari/WebKit, which did not properly reflow the dialog to accommodate its growth when the summary API resolved, resulting in the card being cut off.

Other bugs resolved in the same patch:

  • Resolved card overflowing the dialog.
    ShareHighlight bug card overflows dialog.png (1,440×3,040 px, 1 MB)
  • Resolved card content clipping.
    ShareHighlight bug card clipped.png (646×1,210 px, 493 KB)
lwatson changed the task status from Open to In Progress.May 6 2026, 7:46 PM
lwatson updated the task description. (Show Details)

Change #1283894 merged by jenkins-bot:

[mediawiki/extensions/ReaderExperiments@master] Share Highlight: fix dialog height bug

https://gerrit.wikimedia.org/r/1283894

bvibber subscribed.

Looks clean and runs correctly in my local testing in iOS Simulator and desktop Safari. +2'd, merged, and moving task to QA column.

Change #1284758 had a related patch set uploaded (by Matthias Mullie; author: Matthias Mullie):

[mediawiki/extensions/ReaderExperiments@master] Don't perform API call until needed

https://gerrit.wikimedia.org/r/1284758

Etonkovidova subscribed.

Thanks, @lwatson - I noticed the same issues (https://phabricator.wikimedia.org/T425013#11896017) when checking production. No issues are present in enwiki beta
The gif shows that the card loads correctly on the first click.

load_ article highlight2.gif (359×825 px, 476 KB)

@bvibber - thank you for confirming the fixes! Based on this task, I've added additional cases to check in production to T424667: [QA task] Share highlight - production check

lwatson set the point value for this task to 1.May 12 2026, 1:46 PM

Change #1284758 merged by jenkins-bot:

[mediawiki/extensions/ReaderExperiments@master] Don't perform API call until needed

https://gerrit.wikimedia.org/r/1284758