fix: add paddingRight for blockquote

to avoid cursor overlapping in inline-block
Expensify · Jun 4, 2024 · 19717d9 · 19717d9
1 parent 5829323
commit 19717d9
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/hooks/useMarkdownStyle.ts b/src/hooks/useMarkdownStyle.ts
@@ -28,6 +28,12 @@ function useMarkdownStyle(message: string | null = null): MarkdownStyle {
                 borderWidth: 4,
                 marginLeft: 0,
                 paddingLeft: 6,
+                /**
+                 * since blockquote has `inline-block` display -> padding-right is needed to prevent cursor overlapping
+                 * with last character of the text node.
+                 * As long as paddingRight > cursor.width, cursor will be displayed correctly.
+                 */
+                paddingRight: 1,
             },
             code: {
                 fontFamily: FontUtils.fontFamily.platform.MONOSPACE,