Menu of DropdownWidget with $overlay has padding at bottom
Open, Needs TriagePublic
Actions

Edit Task
Edit Related Tasks...
Create Subtask
Edit Parent Tasks
Edit Subtasks
Merge Duplicates In
Close As Duplicate
Edit Related Objects...
Edit Commits
Edit Mocks
Mute Notifications
Protect as security issue
Award Token
Flag For Later

Assigned To

None

Authored By

	Schnark
	Jul 9 2019, 8:47 AM

Description

Steps to reproduce:

Go to https://doc.wikimedia.org/oojs-ui/master/js/#!/api/OO.ui.DropdownWidget
Confirm in the Live Preview that the dropdown behaves as expected.
Edit the code to include the line $overlay: $( 'body' ), to the config of the DropdownWidget.
View Live Preview again.

Expected: As before.
Actual: At the bottom of the dropdown menu there is a small gray bar, the menu also is a few pixels to wide.

Event Timeline

Schnark created this task.Jul 9 2019, 8:47 AM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJul 9 2019, 8:47 AM

Caused by setting overflow-x: scroll

BTW, this doesn't happen for $overlay: true (and the code where I used the body as overlay predates the default overlay), so there is an easy workaround.

Menu of DropdownWidget with $overlay has padding at bottomOpen, Needs TriagePublicActions

Description

Event Timeline

Menu of DropdownWidget with $overlay has padding at bottom
Open, Needs TriagePublic
Actions