Doller signs ($$equation here$$) is visible not formula in full screen mode after embeding diagram into HTML file.

[kuldeep-suthar]

Preflight Checklist

• [x] I agree to follow the Code of Conduct that this project adheres to.
• [x] I have searched the issue tracker for a feature request that matches the one I want to file, without success.

Describe the bug Let's Say I added an equation in my diagram by using mathematical typesetting like this $$\dfrac{x}{y}$$. And I embeded my diagram into an HTML file. The diagram looks great on my webpage after that however, when I click on fullscreen button on my web page the equation is no longer in math mode. It shows just as I typed the code between the double doller signs like "$$ equation code here $$".

To Reproduce Steps to reproduce the behavior:

1. Create a Diagram with a TeX equation like $$\dfrac{x}{y}$$. Make sure you toggle "Mathematical Typesetting" from Extra > Mathemetical Typesetting
2. Now, File > Embed > HTML. This will open a dialogue box with so many options. Make Sure "Lightbox" is checked and then click on "Create".
3. A code will be generated. Copy and Paste it in "body" tag of HTML file and Save it.
4. Open the file in your browser and hover over the diagram. A lightbox will appear on the border of your diagram with options on top of diagram like Zoom Out, Zoom In, Fit and Fullscreen.
5. Click on Full Screen and a Popup window will open in your browser showing the Diagram in Full Screen.
6. But Unfortunately our Math Equation No Longer is in Math as it was without fullscreen mode. Those Double Doller Signs are visible Instead of Math Code.

Expected behavior After I Opened my diagram in Full Screen Mode, the math equation should be same as that was without full screen mode.

Screenshots The above image is without full Screen mode on a web page after embeding diagram in HTML file. The above image is in full Screen mode on a web page after embeding diagram in HTML file.

draw.io version (In the Help->About menu of the draw.io editor): 17.4.5...

• draw.io version [e.g. 12.6.7] 17.4.5 Desktop (please complete the following information):
• OS: Windows 10
• Browser: Firefox Developer Edition
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context Add any other context about the problem here.

[mararad]

Does it work in other browsers and Incognito mode, please? I tested this in Chrome Version 100.0.4896.127 (Official Build) (64-bit) and diagrams.net 17.4.6 and it is working at my place.

If browser change doesn't help, please attach a video showing all the steps and the result so I could check if I followed your exact steps.

Thanks,

[kuldeep-suthar]

@mararad I checked for this error just before writing this comment in Chrome, Firefox, Firefox Developer Edition, MS Edge in Widows 10. When it's not in full screen then its working fine but when i open full screen mode it's not showing equations correctly.

[kuldeep-suthar]

@mararad Here's a video from my android device. Same error is happening on PC as well. It's recorded from chrome for android.

https://user-images.githubusercontent.com/91888201/165078456-5930ebec-575c-4654-8bb2-142e7e60e770.mp4

.

[alderg]

We're unable to reproduce this problem. Please attach the HTML file or a link the HTML file.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. See the FAQ for more information.