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) {
718718 const editorAttributes = useMemo(
719719 () => ({
720720 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",
722722 className,
723723 ),
724724 "data-testid": "composer-editor",
......@@ -1242,7 +1242,7 @@ function ComposerPromptEditorTiptapInner(props: ComposerPromptEditorProps) {
12421242 <ComposerCitationCommentContext value={citationCommentActions}>
12431243 <div
12441244 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)]",
12461246 containerClassName,
12471247 )}
12481248 >
apps/web/src/components/chat/ChatComposer.tsx+3-3
......@@ -6859,10 +6859,10 @@ export const ChatComposer = memo(function ChatComposer(props: ChatComposerProps)
68596859 skills={selectedProviderSkills}
68606860 containerClassName={cn(isComposerResting && "min-w-0 flex-1")}
68616861 className={cn(
6862 showMobilePendingAnswerActions && "max-sm:pb-11",
6862 showMobilePendingAnswerActions && "max-sm:pb-12",
68636863 isComposerResting &&
6864 "max-h-8 min-h-8 overflow-hidden whitespace-pre! leading-8",
6865 isComposerApprovalState && "min-h-8",
6864 "my-0 max-h-8 min-h-8 overflow-hidden py-0 whitespace-pre! leading-8",
6865 isComposerApprovalState && "min-h-10",
68666866 )}
68676867 placeholderClassName={cn(
68686868 isComposerResting &&
apps/web/src/components/settings/SettingsFontPreviews.tsx+1-1
......@@ -46,7 +46,7 @@ export function PromptFontPreview() {
4646 skills={EMPTY_SKILLS}
4747 disabled={false}
4848 placeholder={DISCONNECTED_COMPOSER_PLACEHOLDER}
49 className="max-h-40 min-h-12"
49 className="max-h-42 min-h-14"
5050 onChange={onChange}
5151 onPaste={noop}
5252 />