GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 13:01:07 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #21069 from FlynnFc/next

Browse Source 
Fix to css Zoom not working in safari
This commit is contained in:
Norbert de Langen 2023-02-16 17:54:11 +01:00 committed by GitHub
commit e132d345c1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
code/ui/components/src/Zoom/browserSupportsCssZoom.ts
View File

@ -1,9 +1,10 @@
import { global } from '@storybook/global';
export function browserSupportsCssZoom(): boolean {
try {
// @ts-expect-error (we're testing for browser support)
return global.document.implementation.createHTMLDocument('').body.style.zoom !== undefined;
// Checks if safari or firefox is being used.
// This check can be removed when zoom becomes standard css. Currently firefox does not support it and there is a bug in safari see here: https://developer.mozilla.org/en-US/docs/Web/CSS/zoom#browser_compatibility
// regex checks if there are other browsers because "safari" is also present when using chrome or an android browser whilst on mac/iPhone see more here : https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent#which_part_of_the_user_agent_contains_the_information_you_are_looking_for
const isCompatible = /^((?!chrome|android).)*safari|firefox/i.test(navigator.userAgent);
return isCompatible;
} catch (error) {
return false;
}