sindresorhus/refined-github

[regression] PR scroll header breaks to multiple lines / overlaps content #2291

wearhere posted onGitHub

https://github.com/sindresorhus/refined-github/issues/2202 appears to be happening again, alas.

With the latest Refined GitHub, 19.7.30: image

Without: image

These screenshots show a particular commit selected but I can confirm that the bug happens on the files tab (e.g. /pull/7418/files) too.


Weird, I don't experience this. Does anyone have a public PR where we can see it live?

posted by sharkykh over 5 years ago

@sharkykh, sure, happens to me here: https://github.com/mixmaxhq/custody/pull/79/files

image

I do see that it doesn’t happen for all PRs, like doesn't happen for https://github.com/mixmaxhq/custody/pull/78/files —maybe it depends on the length of the PR, that one's shorter.

posted by wearhere over 5 years ago

I'm still not experiencing this even with your PR. Maybe it's related to screen resolution or Windows' display scaling? I'm on 1920x1080 at 100% scaling.

posted by sharkykh over 5 years ago

Hm… I'm on Chrome 75.0.3770.142 on OS X 10.14.5, with my resolution at 1680x1050 and the webpage at 100% scaling. The problem also happens for me at 1920x1200.

posted by wearhere over 5 years ago

Can you check the 24em is actually applied?

image

Any errors in the console?

posted by jerone over 5 years ago

Thanks for your help thus far folks.

The 24em does seem to be applied and it still breaks: image

One error in the console: image

posted by wearhere over 5 years ago

Error is unrelated: #2292

posted by sharkykh over 5 years ago

The 24em does seem to be applied and it still breaks:

So, what is your magic number for the title?

And you are not zoomed-in?

posted by jerone over 5 years ago

Can confirm, Firefox/macOS and see the issue. 23em works, but the suggestions in the previous thread still apply (shorter button)

Alternatively we could use flexbox to ensure it works for every size, but last time I tried it wouldn't shrink due to the white-space: nowrap needed for the ellipsis. You're welcome to try

posted by fregante over 5 years ago

@jerone

The 24em does seem to be applied and it still breaks:

So, what is your magic number for the title?

Do you mean, what em causes the problem to go away? Seems like 23em works, like @fregante writes above.

And you are not zoomed-in?

No.

posted by wearhere over 5 years ago

Additional button breaks it even more:

<img width="1028" alt="" src="https://user-images.githubusercontent.com/1402241/62343178-ec00eb00-b513-11e9-9f55-30cb56fc2712.png">

posted by fregante over 5 years ago

Again I'd suggest:

  • restoring the regular dropdown
  • dropping its "apply and reload" button so it requires one fewer click
  • perhaps opening the dropdown on hover

There's already a keyboard shortcut to toggle the whitespace.

I enjoy the diff buttons being easily accessible but I prefer a non-broken site. This feature has been causing the same issue for years

posted by fregante over 5 years ago

Just ran into this myself. Is there a feature we can disable to fix this temporarily?

posted by nesl247 over 5 years ago

@nesl247 try disable faster-pr-diff-options feature

posted by kidonng over 5 years ago

See this all the time :/

image

posted by felixfbecker over 5 years ago

I disabled this feature in PRs because its an ugly bug that many reported. Continue the discussion in #2597

posted by fregante over 5 years ago

Fund this Issue

$0.00
Funded

Pull requests