Wrong page look on Edge browser with FastSave for Instagram extension

[asavchuk]

Page URL

https://dart.dev/tutorials/language/streams.html

Page source

https://github.com/dart-lang/site-www/tree/main/src/tutorials/language/streams.md

Describe the problem

In Edge browser this page looks definitely strange https://prnt.sc/peSCf2PysWw6
For example, in Crome, everything is fine.

Expected fix

No response

Additional context

No response

I would like to fix this problem.

• I will try and fix this problem on dart.dev.

[huycozy]

Hi @asavchuk
Which Edge browser version are you using? It's Version 121.0.2277.83 (Official build) (64-bit) on my Windows machine but I don't see the issue.

[parlough]

Could you also let us know what extensions you have enabled? Thanks!

[asavchuk]

Hi @huycozy
Version 121.0.2277.83 (Official build) (64-bit)
checked it now again - the same look

[asavchuk]

These are enabled extensions for Edge
https://prnt.sc/PG38zrDrlCF2

[huycozy]

I see the issue now after installing FastSave for Instagram™ (reel, photo, story) extension. It seems to affect all pages in dart.dev.

Demo

[parlough]

That is quite odd... Thanks for determining that @huycozy! This should probably be reported to the extension itself as it shouldn't touch/affect any site besides Instagram, as otherwise that's quite invasive.

I am curious if you inspect the blue background, where does the CSS inspector say the blue is coming from. I might be able to make some adjustments so there are no issues.

[huycozy]

@parlough I tried inspecting CSS but still haven't figured it out yet. Below are some information I found:

• When right-click on the extension > Click on This can read and change site data > Click on When you click extension > Click on Refresh button from its alert dialog: The dart page UI is back to normal, but only at that time. Once we refresh the page, issue appears again. (1)
• When left-click on the extension > Click on Desktop icon button. It will open instagram.com site, but the splash seems to come from the extension (blue splash screen).

I recorded a video for these findings. If you have some ideas to investigate this further, please let me know.

Demo found information

bandicam.2024-02-01.19-05-57-923.mp4

---

(1) By default, the setting This can read and change site data is On all sites. This will cause the UI issue for dart.dev site (or maybe also for other sites). So the workaround is to change it to When you click extension option, then the UI will be back to normal. The issue will only occur if you left-click on the extension and reload page to apply the extension's setting. See below workaround demo:

Demo workaround

bandicam.2024-02-01.20-53-56-084.mp4

[atsansone]

@huycozy : Thank you for your investigation.

@asavchuk : Thank you for raising this to our attention. It doesn't appear that this is an issue with the Dart.dev site that we can remedy.

Closing this issue.