Top of page restricts gadgets' scroll area
Closed, InvalidPublicBUG REPORT
Actions

Assigned To

None

Authored By

	Jidanni
	Jan 15 2024, 8:33 AM

Description

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

Enable HotCat
Visit https://commons.wikimedia.org/wiki/File:20230509_Luzon_daytime_overflight_09.jpg
Attempt to add Pasig River and see the whole list

What happens?:

The top of the list is unavailable. We can only choose categories from the bottom of the list.

What should have happened instead?:

The purple circled area is where the bug happens... well we just can't get to see the top of the list.

Software version (skip for WMF-hosted wikis like Wikipedia):

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

You might say "Don't bother us with a bug in a gadget."

But in fact I think the gadget is a victim of a bug in MediaWiki!

It is just doing its thing within a MediaWiki box that cuts it off.

And as we are at the top of the page, there is no room left...

Event Timeline

Jidanni created this task.Jan 15 2024, 8:33 AM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJan 15 2024, 8:33 AM

Jidanni updated the task description. (Show Details)Jan 15 2024, 8:33 AM

The reproduction also needs Vector-2022 skin enabled with sticky header, along with “Place categories above all other content.” gadget enabled too.
Firefox well opens the select downward: no issue. I don’t see interest to opening the select upward, so I would turn

if ( textPos.y < maxListHeight + offset + 1 ) {
	// The list might extend beyond the upper border of the page. Let's avoid that by placing it
	// below the input text field.
	nt = this.text.offsetHeight + offset + 1;
	if ( this.engineName ) this.engineSelector.style.top = this.text.offsetHeight + 'px';
} else {
	nt = -listh - offset - 1;
	if ( this.engineName ) this.engineSelector.style.top = -( offset + 1 ) + 'px';
}

into

// The list might extend beyond the upper border of the page. Let's avoid that by placing it below the input text field.
nt = this.text.offsetHeight + offset + 1;
if ( this.engineName ) this.engineSelector.style.top = this.text.offsetHeight + 'px';

I close this ticket, because HotCat gadget is not supported through Phabricator.

Top of page restricts gadgets' scroll areaClosed, InvalidPublicBUG REPORTActions

Description

Event Timeline

Top of page restricts gadgets' scroll area
Closed, InvalidPublicBUG REPORT
Actions