Extend firefox compatibility

1-Harshit · Nov 17, 2023 · f9d55dd · f9d55dd
1 parent e4a2240
commit f9d55dd
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/src/components/button/FontFaceMenu.tsx b/src/components/button/FontFaceMenu.tsx
@@ -22,7 +22,9 @@ export default function Default() {
 	const boxBg = useColorModeValue("secondaryGray.300", "whiteAlpha.100");
 
 	const handleFontFaceChange = (name: string) => {
-		document.execCommand("fontName", true, name);
+		document.execCommand("styleWithCSS", false, "true");
+		document.execCommand("fontName", false, name);
+		document.execCommand("styleWithCSS", false, "false");
 	};
 
 	const FontFaceOption = ({ face }: { face: string }) => (
@@ -46,7 +48,12 @@ export default function Default() {
 				color={textColor}
 				bg={boxBg}
 			>
-				<MenuButton fontWeight="bold" color={textColor} as={IconButton} id="font-face-button">
+				<MenuButton
+					fontWeight="bold"
+					color={textColor}
+					as={IconButton}
+					id="font-face-button"
+				>
 					<IconBox
 						icon={
 							<Icon w="20px" h="20px" as={MdTextFormat} color={textColor} />

diff --git a/src/components/button/FontSizeMenu.tsx b/src/components/button/FontSizeMenu.tsx
@@ -21,7 +21,9 @@ export default function Default() {
 	const boxBg = useColorModeValue("secondaryGray.300", "whiteAlpha.100");
 
 	const handleFontSizeChange = (size: string) => {
-		document.execCommand("fontSize", true, size);
+		document.execCommand("styleWithCSS", false, "true");
+		document.execCommand("fontSize", false, size);
+		document.execCommand("styleWithCSS", false, "false");
 	};
 
 	const FontMenuOption = ({ index }: { index: number }) => {