shiyue/PinchChat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: hide horizontal scrollbar on textarea for Windows compatibility

Browse Source 
Add overflow-x: hidden and word-break styles to textarea to prevent
ugly horizontal scrollbar on Windows. Also hide the horizontal webkit
scrollbar track entirely.
This commit is contained in:
Nicolas Varrot
2026-02-12 18:15:08 +00:00
parent cecfa3e010
commit ad7d149f88
2 changed files with 27 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/index.css
View File

@@ -25,9 +25,14 @@
background: #71717a;
}
/* Textarea-specific: even thinner scrollbar */
/* Textarea-specific: even thinner scrollbar, no horizontal scroll */
textarea::-webkit-scrollbar {
width: 4px;
height: 0;
}
textarea::-webkit-scrollbar:horizontal {
display: none;
}
textarea::-webkit-scrollbar-thumb {
@@ -39,6 +44,12 @@ textarea::-webkit-scrollbar-thumb:hover {
background: #52525b;
}
textarea {
overflow-x: hidden;
overflow-wrap: break-word;
word-break: break-word;
}
html, body {
margin: 0;
background: #1e1e24;