authorgravatar for 97427849+flamboh@users.noreply.github.comoliver <97427849+flamboh@users.noreply.github.com> 2026-09-23 20:35:53-07:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-09-24 00:35:53-03:00
log9030a60eafde905100a052f86beeb8be7642b5a9
tree3c3b722b4585d81fad616ee148a378bb8bc4bc97
parent6b4b19096a7ea22fe0850972df4bce5a5a6c8263
signature Signed by PGP key B5690EEEBB952194

fix(web): composer chip rings no longer clip at the editor edge (#13301)


3 files changed, 6 insertions(+), 6 deletions(-)

apps/web/src/components/ComposerPromptEditorTiptap.tsx+2-2
...@@ -718,7 +718,7 @@ function ComposerPromptEditorTiptapInner(props: ComposerPromptEditorProps) {...@@ -718,7 +718,7 @@ function ComposerPromptEditorTiptapInner(props: ComposerPromptEditorProps) {
718 const editorAttributes = useMemo(718 const editorAttributes = useMemo(
719 () => ({719 () => ({
720 class: cn(720 class: cn(
721 "composer-tiptap block max-h-50 min-h-17.5 w-full overflow-y-auto whitespace-pre-wrap wrap-break-word bg-transparent leading-relaxed text-foreground focus:outline-none",721 "composer-tiptap -m-1 block max-h-52 min-h-19.5 overflow-y-auto p-1 whitespace-pre-wrap wrap-break-word bg-transparent leading-relaxed text-foreground focus:outline-none",
722 className,722 className,
723 ),723 ),
724 "data-testid": "composer-editor",724 "data-testid": "composer-editor",
...@@ -1242,7 +1242,7 @@ function ComposerPromptEditorTiptapInner(props: ComposerPromptEditorProps) {...@@ -1242,7 +1242,7 @@ function ComposerPromptEditorTiptapInner(props: ComposerPromptEditorProps) {
1242 <ComposerCitationCommentContext value={citationCommentActions}>1242 <ComposerCitationCommentContext value={citationCommentActions}>
1243 <div1243 <div
1244 className={cn(1244 className={cn(
1245 "relative [font-family:var(--font-composer,var(--font-sans))] [font-size:var(--font-size-prompt,0.875rem)] [@media(max-width:39.999rem)_and_(pointer:coarse)]:[font-size:max(var(--font-size-prompt,1rem),16px)]",1245 "relative flow-root [font-family:var(--font-composer,var(--font-sans))] [font-size:var(--font-size-prompt,0.875rem)] [@media(max-width:39.999rem)_and_(pointer:coarse)]:[font-size:max(var(--font-size-prompt,1rem),16px)]",
1246 containerClassName,1246 containerClassName,
1247 )}1247 )}
1248 >1248 >
apps/web/src/components/chat/ChatComposer.tsx+3-3
...@@ -6859,10 +6859,10 @@ export const ChatComposer = memo(function ChatComposer(props: ChatComposerProps)...@@ -6859,10 +6859,10 @@ export const ChatComposer = memo(function ChatComposer(props: ChatComposerProps)
6859 skills={selectedProviderSkills}6859 skills={selectedProviderSkills}
6860 containerClassName={cn(isComposerResting && "min-w-0 flex-1")}6860 containerClassName={cn(isComposerResting && "min-w-0 flex-1")}
6861 className={cn(6861 className={cn(
6862 showMobilePendingAnswerActions && "max-sm:pb-11",6862 showMobilePendingAnswerActions && "max-sm:pb-12",
6863 isComposerResting &&6863 isComposerResting &&
6864 "max-h-8 min-h-8 overflow-hidden whitespace-pre! leading-8",6864 "my-0 max-h-8 min-h-8 overflow-hidden py-0 whitespace-pre! leading-8",
6865 isComposerApprovalState && "min-h-8",6865 isComposerApprovalState && "min-h-10",
6866 )}6866 )}
6867 placeholderClassName={cn(6867 placeholderClassName={cn(
6868 isComposerResting &&6868 isComposerResting &&
apps/web/src/components/settings/SettingsFontPreviews.tsx+1-1
...@@ -46,7 +46,7 @@ export function PromptFontPreview() {...@@ -46,7 +46,7 @@ export function PromptFontPreview() {
46 skills={EMPTY_SKILLS}46 skills={EMPTY_SKILLS}
47 disabled={false}47 disabled={false}
48 placeholder={DISCONNECTED_COMPOSER_PLACEHOLDER}48 placeholder={DISCONNECTED_COMPOSER_PLACEHOLDER}
49 className="max-h-40 min-h-12"49 className="max-h-42 min-h-14"
50 onChange={onChange}50 onChange={onChange}
51 onPaste={noop}51 onPaste={noop}
52 />52 />