Not working on Firefox(in dialog box)

[shrishail-smartlybuilt]

We are using markerjs in the dialog boxes. Marker toolbar is not appearing due to z-index in Firefox. It's working fine in chrome though.

Our application is using angularJS and it's material UI. It's not working in md-dialog.

It works if I increase z-index of markerjs elements or decrease z-index of md-dialog-content tag.

[jamesikanos]

I too am experiencing this issue. I am using Angular Material 10 with MatDialog.

If I don't change the Target Root then the elements don't appear at all. If I change the TargetRoot to the container holding my image then they display in the screenshot attached.

If I set the position: relative to my container then they go close to the image, but not quite right. Will resort to custom toolbar for time being.

[jamesikanos]

in follow up, I can't do this either as the SVG element seems to have a Width/Height of Zero.

I don't think this will work at all when being displayed in a Mat Dialog.

Any suggestions please?