From 278017cc556755ee079f66396844ae77f63a7a2b Mon Sep 17 00:00:00 2001 From: ginsuma <13113013+ginsuma@users.noreply.github.com> Date: Wed, 5 Jul 2023 19:42:53 +0700 Subject: [PATCH 1/2] Fix code block messages overlap context menu in Safari --- src/styles/getReportActionContextMenuStyles.js | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/styles/getReportActionContextMenuStyles.js b/src/styles/getReportActionContextMenuStyles.js index a481038359c2..29f3606c402f 100644 --- a/src/styles/getReportActionContextMenuStyles.js +++ b/src/styles/getReportActionContextMenuStyles.js @@ -13,6 +13,8 @@ const miniWrapperStyle = [ borderRadius: variables.buttonBorderRadius, borderWidth: 1, borderColor: themeColors.border, + // In Safari, when welcome messages use a code block (triple backticks), they will overlap the context menu below when there is no scrollbar. + transform: 'translateZ(0)', }, ]; From f31a2b67b72e372b7f3f878558f254a40bba2bfb Mon Sep 17 00:00:00 2001 From: Tran Tuan <13113013+ginsuma@users.noreply.github.com> Date: Tue, 11 Jul 2023 16:39:15 +0700 Subject: [PATCH 2/2] Update comment Co-authored-by: Florent De'Neve --- src/styles/getReportActionContextMenuStyles.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/getReportActionContextMenuStyles.js b/src/styles/getReportActionContextMenuStyles.js index 29f3606c402f..026306084ce4 100644 --- a/src/styles/getReportActionContextMenuStyles.js +++ b/src/styles/getReportActionContextMenuStyles.js @@ -13,7 +13,7 @@ const miniWrapperStyle = [ borderRadius: variables.buttonBorderRadius, borderWidth: 1, borderColor: themeColors.border, - // In Safari, when welcome messages use a code block (triple backticks), they will overlap the context menu below when there is no scrollbar. + // In Safari, when welcome messages use a code block (triple backticks), they would overlap the context menu below when there is no scrollbar without the transform style. transform: 'translateZ(0)', }, ];