IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-14 01:23:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

Dashboards: Fix Mobile support dashboard issues on new iOS 16.3 (#65542)

Browse Source
This commit is contained in:
Alexa V 2023-03-30 09:47:00 +02:00 committed by GitHub
parent d473fa3977
commit 3ad4dc1547
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/grafana-ui/src/components/CustomScrollbar/CustomScrollbar.tsx
View File

@ -111,6 +111,11 @@ export const CustomScrollbar = ({
}, []);
const renderView = useCallback((passedProps: JSX.IntrinsicElements['div']) => {
// fixes issues of visibility on safari and ios devices
if (passedProps.style && passedProps.style['WebkitOverflowScrolling'] === 'touch') {
passedProps.style['WebkitOverflowScrolling'] = 'auto';
}
return <div {...passedProps} className="scrollbar-view" />;
}, []);

2
packages/grafana-ui/src/components/CustomScrollbar/__snapshots__/CustomScrollbar.test.tsx.snap
View File

@ -18,7 +18,7 @@ exports[`CustomScrollbar renders correctly 1`] = `
className="scrollbar-view"
style={
{
"WebkitOverflowScrolling": "touch",
"WebkitOverflowScrolling": "auto",
"bottom": undefined,
"left": undefined,
"marginBottom": 0,