[GH-ISSUE #16] Scrollbar covering tabs #12

Open
opened 2026-02-26 22:31:12 +03:00 by kerem · 8 comments
Owner

Originally created by @jokob-sk on GitHub (Jun 8, 2024).
Original GitHub issue: https://github.com/electerm/electerm-web/issues/16

electerm-web Version and download file extension(electerm-web版本和下载文件后缀)

2.39.18

Platform detail (平台详情)

docker x86

What steps will reproduce the bug?(重新问题的详细步骤)

Open any tab

What should have happened?(期望的结果)

The tab name shouldn't be covered by a scrollbar

Would this happen in other terminal app(是否能够在其他同类软件重现这个问题)

No response

Additional information(其他任何相关信息)

image

Originally created by @jokob-sk on GitHub (Jun 8, 2024). Original GitHub issue: https://github.com/electerm/electerm-web/issues/16 ### electerm-web Version and download file extension(electerm-web版本和下载文件后缀) 2.39.18 ### Platform detail (平台详情) docker x86 ### What steps will reproduce the bug?(重新问题的详细步骤) Open any tab ### What should have happened?(期望的结果) The tab name shouldn't be covered by a scrollbar ### Would this happen in other terminal app(是否能够在其他同类软件重现这个问题) _No response_ ### Additional information(其他任何相关信息) ![image](https://github.com/electerm/electerm-web/assets/96159884/52bbe0e2-9ad4-4b2f-aeb8-d55b4b7fc25c)
Author
Owner

@zxdong262 commented on GitHub (Jun 8, 2024):

What is the browser and browser version?

<!-- gh-comment-id:2156002925 --> @zxdong262 commented on GitHub (Jun 8, 2024): What is the browser and browser version?
Author
Owner

@jokob-sk commented on GitHub (Jun 8, 2024):

Thank you for your response. FIREFOX the latest version I think. I'm on my
phone and will be back on the pc later to double check. Great software by
the way.

On Sat, 8 June 2024, 21:49 ZHAO Xudong, @.***> wrote:

What is the browser and browser version?


Reply to this email directly, view it on GitHub
https://github.com/electerm/electerm-web/issues/16#issuecomment-2156002925,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AW5URDF5Q3Z7LAPISJU36CDZGLVTBAVCNFSM6AAAAABI73L3NKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCNJWGAYDEOJSGU
.
You are receiving this because you authored the thread.Message ID:
@.***>

<!-- gh-comment-id:2156010944 --> @jokob-sk commented on GitHub (Jun 8, 2024): Thank you for your response. FIREFOX the latest version I think. I'm on my phone and will be back on the pc later to double check. Great software by the way. On Sat, 8 June 2024, 21:49 ZHAO Xudong, ***@***.***> wrote: > What is the browser and browser version? > > — > Reply to this email directly, view it on GitHub > <https://github.com/electerm/electerm-web/issues/16#issuecomment-2156002925>, > or unsubscribe > <https://github.com/notifications/unsubscribe-auth/AW5URDF5Q3Z7LAPISJU36CDZGLVTBAVCNFSM6AAAAABI73L3NKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCNJWGAYDEOJSGU> > . > You are receiving this because you authored the thread.Message ID: > ***@***.***> >
Author
Owner

@zxdong262 commented on GitHub (Jun 8, 2024):

I see, it is browser compatibality issue, any webkit browser should works fine, I may add a warning that only support webkit browser in next release, thank you for the feeback.

<!-- gh-comment-id:2156017814 --> @zxdong262 commented on GitHub (Jun 8, 2024): I see, it is browser compatibality issue, any webkit browser should works fine, I may add a warning that only support webkit browser in next release, thank you for the feeback.
Author
Owner

@jokob-sk commented on GitHub (Jun 8, 2024):

Would be nice if this could be fixed also for FF (it's an overflow scroll as seen in the screeshot), but I understand how hard it is to support multiple browsers. Anyway - I'll probably still use it on FF since it's a great productivity boost :) All the best!

image

<!-- gh-comment-id:2156035130 --> @jokob-sk commented on GitHub (Jun 8, 2024): Would be nice if this could be fixed also for FF (it's an overflow scroll as seen in the screeshot), but I understand how hard it is to support multiple browsers. Anyway - I'll probably still use it on FF since it's a great productivity boost :) All the best! ![image](https://github.com/electerm/electerm-web/assets/96159884/4fb5575b-3cb1-4d2f-9159-d307bfbfc4e2)
Author
Owner

@zxdong262 commented on GitHub (Jun 8, 2024):

Would be nice if this could be fixed also for FF (it's an overflow scroll as seen in the screeshot), but I understand how hard it is to support multiple browsers. Anyway - I'll probably still use it on FF since it's a great productivity boost :) All the best!

image

Sure, let me do something about it

<!-- gh-comment-id:2156052833 --> @zxdong262 commented on GitHub (Jun 8, 2024): > Would be nice if this could be fixed also for FF (it's an overflow scroll as seen in the screeshot), but I understand how hard it is to support multiple browsers. Anyway - I'll probably still use it on FF since it's a great productivity boost :) All the best! > > ![image](https://private-user-images.githubusercontent.com/96159884/337876806-4fb5575b-3cb1-4d2f-9159-d307bfbfc4e2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTc4NTMxMTQsIm5iZiI6MTcxNzg1MjgxNCwicGF0aCI6Ii85NjE1OTg4NC8zMzc4NzY4MDYtNGZiNTU3NWItM2NiMS00ZDJmLTkxNTktZDMwN2JmYmZjNGUyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjA4VDEzMjAxNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQ3NGU0NmVkYzZiNTI3MDg5M2RhMDMzZjA3ZTZhMzAxMDlhYWQ0M2ZiZWY3NDRhOTc5M2ZjZGU2NTAwOTFmZGMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.GQVhT5QkLdPr1fWRZXpvWCd6FTMybQQgJETAOmi2pgY) Sure, let me do something about it
Author
Owner

@zxdong262 commented on GitHub (Jun 8, 2024):

Did some research, copilot tells me that as of late 2018, Firefox introduced limited scrollbar customization options using the scrollbar-width property. Unfortunately, there’s no direct equivalent to ::-webkit-scrollbar, so seems can not control the scrollbar width easily.

<!-- gh-comment-id:2156057660 --> @zxdong262 commented on GitHub (Jun 8, 2024): Did some research, copilot tells me that as of late 2018, Firefox introduced limited scrollbar customization options using the scrollbar-width property. Unfortunately, there’s no direct equivalent to ::-webkit-scrollbar, so seems can not control the scrollbar width easily.
Author
Owner

@zxdong262 commented on GitHub (Jun 8, 2024):

Updated, just set scollx to hidden, not a pefect solution, there would some place have similar issue, at least not that obvious as tabs

<!-- gh-comment-id:2156060238 --> @zxdong262 commented on GitHub (Jun 8, 2024): Updated, just set scollx to hidden, not a pefect solution, there would some place have similar issue, at least not that obvious as tabs
Author
Owner

@jokob-sk commented on GitHub (Jun 8, 2024):

🙏thanks a lot for the fix. Yes, I couldn't find any other big issues and this will improve the feel of the app quite a bit, even with limited FF support. I know how hard it is sometimes to fully test and support things (https://github.com/jokob-sk/NetAlertX) 😅 Good luck with the project!

<!-- gh-comment-id:2156214658 --> @jokob-sk commented on GitHub (Jun 8, 2024): 🙏thanks a lot for the fix. Yes, I couldn't find any other big issues and this will improve the feel of the app quite a bit, even with limited FF support. I know how hard it is sometimes to fully test and support things (https://github.com/jokob-sk/NetAlertX) 😅 Good luck with the project!
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/electerm-web#12
No description provided.