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).
sonarly-bot
45ee7bb32b