Skip to content

fix(sticky-notifications-actions): avoid initial offset#9868

Draft
AbdelrahmanHafez wants to merge 1 commit into
refined-github:mainfrom
AbdelrahmanHafez:fix/notifications-action-bar-offset
Draft

fix(sticky-notifications-actions): avoid initial offset#9868
AbdelrahmanHafez wants to merge 1 commit into
refined-github:mainfrom
AbdelrahmanHafez:fix/notifications-action-bar-offset

Conversation

@AbdelrahmanHafez

Copy link
Copy Markdown

closes #9866

I used GPT-5.6-Sol on Extra High to solve this, and confirmed it works.

GitHub's .overflow-hidden class turns the notification box into a scroll container, so the sticky action bar's top: 10px offset is applied before the page scrolls.

This changes the box to overflow: clip, which keeps the rounded box clipped without creating a scroll container. The action bar stays in its normal position until it becomes sticky.

Test URLs

https://github.com/notifications

Screenshot

image

@github-actions github-actions Bot added the bug label Jul 21, 2026
@github-actions github-actions Bot changed the title fix(sticky-notifications-actions): avoid initial offset fix(sticky-notifications-actions): avoid initial offset Jul 21, 2026
@AbdelrahmanHafez
AbdelrahmanHafez marked this pull request as ready for review July 21, 2026 03:29
@fregante

Copy link
Copy Markdown
Member

Nope. This will cause #9761

most likely it just needs a margin:0 or something.

@AbdelrahmanHafez

AbdelrahmanHafez commented Jul 21, 2026

Copy link
Copy Markdown
Author

@fregante
I don't think it causes #9761, video with my fix similar to the videos in #9826

Edit: tested on both Chrome and Firefox

Screen.Recording.2026-07-21.at.7.52.27.AM.mov

@fregante

Copy link
Copy Markdown
Member

You're right, I confirmed that this fixes the issue, but clipping overflows is rarely the right fix. In this case, the issue is this line:

Setting it to 0 fixes it, but first we need to figure out why it's not already zero and if that fix breaks anything.

@fregante

Copy link
Copy Markdown
Member

I added a hotfix, not sure why GitHub decided to close the PR

@fregante
fregante marked this pull request as draft July 22, 2026 11:12
@AbdelrahmanHafez

Copy link
Copy Markdown
Author

@fregante thanks for the hotfix. One thing I noticed is that the hotfix currently deployed remains broken for a second when I first open the notifications page, and then the bar moves to the correct place, unlike clipping the overflow. Any chance we can use this PR as a hotfix until we find a proper solution?

Screen.Recording.2026-07-22.at.11.58.14.AM.mov

@fregante

Copy link
Copy Markdown
Member

The delay is due to the hotfix loading, not the property. I will include a fix in the next release of Refined GitHub, but that will happen maybe in a week.

@AbdelrahmanHafez

Copy link
Copy Markdown
Author

Great, thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Development

Successfully merging this pull request may close these issues.

Notifications action bar offset

2 participants