sonarly-bot
45ee7bb32b
https://sonarly.com/issue/40147?type=bug Inline rich-text editing in the record field flow is rendered in a fixed-size floating overlay that is not adapted for mobile soft keyboards. On small viewports with long content, users cannot reliably reach the expand action or navigate content. Fix: Implemented a production-focused fix in the frontend rendering path that caused the mobile inline rich-text editor to be unusable. What I changed: 1) `packages/twenty-front/src/modules/object-record/record-field/ui/meta-types/input/components/RichTextFieldInput.tsx` - Kept the desktop baseline width, but made the floating editor container responsive and viewport-bounded: - added `max-width: calc(100vw - spacing)` so it no longer overflows narrow screens, - added `max-height: calc(100dvh - spacing)` and `overflow: auto` so content remains reachable when the visual viewport shrinks (soft keyboard). - Added a mobile breakpoint (`MOBILE_VIEWPORT`) to remove the negative left margin and shrink left padding, preventing off-screen clipping in inline overlay mode. - Ensured content/button layout remains stable by making the editor content flex (`flex: 1; min-width: 0`) and the collapse/expand action non-shrinking (`flex-shrink: 0`), so the expand action stays reachable. 2) `packages/twenty-front/src/modules/blocknote-editor/components/BlockEditor.tsx` - Added mobile-specific editor min-height behavior: - on mobile breakpoint, `min-height: clamp(140px, 45dvh, 400px)`. - This preserves desktop behavior while reducing the hard 400px pressure under soft-keyboard viewport shrink. Why this fixes the reported issue: - The inline overlay is no longer fixed to a desktop-only layout on mobile. - The editor now adapts to reduced viewport height during keyboard usage. - The expand action remains visible/reachable instead of being clipped out of the overlay. I also checked recent history for this exact fix (`git log --all --oneline --since='30 days ago' -- <affected files>` + `git show` on candidates). Recent commits addressed BlockNote upload panel clipping/slash-menu behavior, not this inline mobile keyboard overlay path. Authored by Sonarly by autonomous analysis (run 45750).
Run yarn dev while server running on port 3000