Skip to content

Commit 1a70ec0

Browse files
authored
chore: fix non-scrollable scrollbar bug in chat composer and chat log docs example (#3543)
1 parent 3f6e05d commit 1a70ec0

File tree

3 files changed

+8
-2
lines changed

3 files changed

+8
-2
lines changed

.changeset/fifty-peas-swim.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
"@twilio-paste/chat-composer": patch
3+
"@twilio-paste/core": patch
4+
---
5+
6+
[Chat Composer] Change overflowY from "scroll" to "auto" to prevent non-scrollable scrollbar bug

packages/paste-core/components/chat-composer/src/ChatComposer.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -116,7 +116,7 @@ export const ChatComposer = React.forwardRef<HTMLDivElement, ChatComposerProps>(
116116
paddingX="space40"
117117
borderRadius="borderRadius20"
118118
_focusWithin={{ boxShadow: "shadowFocus" }}
119-
overflowY="scroll"
119+
overflowY="auto"
120120
maxHeight={maxHeight}
121121
disabled={disabled}
122122
aria-disabled={disabled}

packages/paste-website/src/component-examples/ChatComposerExamples.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -213,7 +213,7 @@ export const ChatDialogExample = `const ChatDialog = () => {
213213
214214
return (
215215
<Box>
216-
<Box ref={scrollerRef} overflowX="hidden" overflowY="scroll" maxHeight="size50" tabIndex={0}>
216+
<Box ref={scrollerRef} overflowX="hidden" overflowY="auto" maxHeight="size50" tabIndex={0}>
217217
<ChatLogger ref={loggerRef} chats={chats} />
218218
</Box>
219219
<Box

0 commit comments

Comments
 (0)