From 8c910bce700f33d55022a7eb0fad632aca1f6296 Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Fri, 19 Aug 2022 22:58:56 +0400 Subject: [PATCH] Reset pinch zoom on click of resource --- components/home/featured-roadmaps-list.tsx | 2 +- pages/[roadmap]/interactive.tsx | 5 +++++ 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/components/home/featured-roadmaps-list.tsx b/components/home/featured-roadmaps-list.tsx index 6d7c69d24..97e8ad369 100644 --- a/components/home/featured-roadmaps-list.tsx +++ b/components/home/featured-roadmaps-list.tsx @@ -1,5 +1,5 @@ import { RoadmapType } from '../../lib/roadmap'; -import { Box, SimpleGrid, Tag } from '@chakra-ui/react'; +import { SimpleGrid, Tag } from '@chakra-ui/react'; import { HomeRoadmapItem } from '../roadmap/home-roadmap-item'; type FeaturedRoadmapsListProps = { diff --git a/pages/[roadmap]/interactive.tsx b/pages/[roadmap]/interactive.tsx index b11723ee0..92e6ebf29 100644 --- a/pages/[roadmap]/interactive.tsx +++ b/pages/[roadmap]/interactive.tsx @@ -52,6 +52,11 @@ export function InteractiveRoadmapRenderer(props: RoadmapProps) { } function clickListener(event: MouseEvent) { + const viewPortMeta = document.querySelector('meta[name=viewport]'); + if (viewPortMeta) { + viewPortMeta.setAttribute('content', "initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"); + } + const targetGroup = (event?.target as HTMLElement)?.closest('g'); const groupId = targetGroup?.dataset?.groupId; if (!targetGroup || !groupId) {