# Map svg shifting with Firefox

**URL:** <https://forum.inductiveautomation.com/t/map-svg-shifting-with-firefox/99972>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [December 18, 2024, 7:20am UTC](https://forum.inductiveautomation.com/t/map-svg-shifting-with-firefox/99972 "2024-12-18T07:20:03Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alexi\_Andrzejewski](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alexi_andrzejewski/32/65032_2.png) [@Alexi\_Andrzejewski](https://forum.inductiveautomation.com/u/Alexi_Andrzejewski)\
**Post date:** [December 18, 2024, 7:20am UTC](https://forum.inductiveautomation.com/t/map-svg-shifting-with-firefox/99972/1 "2024-12-18T07:20:03Z")

</div>

Hi all,

I recently faced an issue with the use of the map component.  
It appears that the svg is shifting while zooming in and out but **only using firefox**

## Issue

![firefox map](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/8/e859f1b9c92fab7be32ff1ae25d9b84cabe8ce1b.gif)

As you can see, the marker:

- Initially appears t in the **top half** of the room
- Then it drop in the **bottom half**.

The marker position is supposed to remain in the upper part:

 ![base position](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/9/e98ed88f21b15c75cc48b33797e4f914833eac12.png)

### Observeations:

#### Only svg images are shifting.

> **What I tried**
>
> Here is a list of all non-shifting component that i tested:
> 
> - PNG/JPG images
> - Markers
> - Tiles (from openstreetmap etc.)
> - geoJson configs
> 
> I checked with the following `onMapMouseMove` event the position of my image and it has indeed moved.
> 
> > **onMapMouseMove script**
> >
> > ```py
> > def runAction(self, event):
> > self.custom.lat = event.lat
> > self.custom.lng = event.lng
> > 
> > ```

#### The problem occur with whatever scale I use.

#### After zooming in and out, the image stay shifted and restore itself once the page reloaded.

## Reproduce

- Create a perspective view containing a Map
- Load a svg image in `Tools > Image Management`
- Set `Map.props.layers.raster.image[0].source` to the path of the previously loaded image and give it bounds

## Environnement

- Firefox: **133.0.3 (64 bits)**
- Ignition: **8.1.39 (b2024040909)**
- Leaflet.js: **1.6.0** (according to wiki [Perspective - Map | Ignition User Manual](https://www.docs.inductiveautomation.com/docs/8.1/appendix/components/perspective-components/perspective-display-palette/perspective-map#description))