Xampp automaticly adds #shadow-root to my html document - google-chrome

So I created a clean install of xampp because my old one became pretty messy, now When I created a new index file, even when empty my browser (chrome 38) seems to add this:
#shadow-root
<shadow></shadow>
What does it do, or how can I remove this?
edit: this only appears to be happening on Chrome 38, not on Firefox or IE

Same with Google Chrome 57.0.2987.133 on Windows 10 in XAMPP 5.6.30 and UwAmp 1.3.0.
A blank html file opened via file:// does have expected empty source.
I'd try Nginx or Hiawatha, though even the latter shows shadow mess in Chrome's inspector, so it's probably a Chrome issue. Other Blink (still Webkit on iOS) browsers like Chromium probably do it as well, so try Firefox.

Related

How can I use Flag Emojis in vs code and render in browser Like Chrome or Firefox in Windows 10?

When I am trying to use Flag Emojis in my vs code windows 10, it's not showing in vs code or any browser. What can I do?
🇺🇸
🇹🇷
But it's showing plain text like us and tr.
After Updating my mozilla firefox the icons are showing normally. And for Chrome Browser I used an extension for icon. Now it’s working fine in both Firefox and Chrome.

Overscroll Navigation Flag not working on Chome command line

I am trying to execute chrome as
chrome.exe --overscroll-history-navigation=0 --disable-pinch
with the --disable-pinch --overscroll-history-navigation=0 flags in command line but it does not work at all.
I am using Chrome Versión 73.0.3683.75. It does not forbid the overscroll gestures.... I am about to go crazy....:|, it worked perfectly but stopped working at some point last week.
Any help is sooo welcome. Thanks!
I have also been battling this one but have finally found the solution that works for me. It seems that since a couple of chrome versions back the overscroll-history-navigation flag has been removed from the command line options. However, you can still access it from the chrome flags page by visiting this url in chrome:
chrome://flags/#overscroll-history-navigation
and manually disable it there.
Unfortunately this didn't solve it for me as I am also running the --kiosk mode switch for a touchscreen kiosk application developed in HTML and I cant expect every user to go to the flags page to disable this.
What did work was to add the css overscroll-behavior tag to both the html and body tags in the css for the application:
html,body {overscroll-behavior: none;}
Problem solved! No annoying swiping navigation on chrome. Not sure why if the --kiosk switch is enabled this sort of behaviour isn't automatically switched off?
Anyhow, hope this helps you too.

UI5: No press event triggered after updating Chrome

For some unknown to me reason, I cannot select sap.m.IconTabFilter, like it's not pressable (on mouse hover pointer is not appearing and when I press, nothing happens). This issue is experienced in Chrome. In Mozilla it works fine.
When I copied the XML into JSBin in Chrome, it worked fine.
Did anybody stuck with the same problem? How to fix it?
I tried to clear cache, restart browser/pc - the issue persists.
Also, same issue I'm experiencing right now with sap.m.Switch control.
UPDATE: I think it's a PC-specific issue. The problem is that in Chrome the app decides it's running on a tablet (instead of a laptop. The laptop can work as tablet too, but I run the app in laptop mode). This applies corresponding app's behavior. Maybe this can be the root of the problem?
No custom CSS is applied, only default ones.
I assume you are using Chrome 55+ which comes with active PointerEvent and won't work with certain UI5 versions. You need to upgrade to 1.28.42, 1.38.14 or 1.42.8 or deactivate the feature in Chrome via:
chrome://flags/#enable-pointer-events
in the address bar.

HTML file:// links : open in explorer from Chrome

I have an html file with links like that :
folder name
I would like that this link opens explorer instead of a custome chrome file html based browser. This works from IE btw.
Thank you !
Nicolas.
For Chrome, Safari and Opera this isn't possible due to their security model. However, there is somewhat of a solution for Chrome in that it's possible but it has two requirements:
You need to get the user to install this Chrome extension
It must be over https://
You will probably encounter the same problem for Firefox since it usually requires LocalLink.
Further reading

gif images rendering then disappear chrome

Gif images render for a split second, when page is fully loaded then disappear leaving the broken image icon. This happens only in Chrome other browsers it's fine including Safari.
The weird thing is all has been fine and working perfectly for months up until last night.
Chrome's web developer tool reads 'Failed to load resource'.
Any suggestions would be appreciated.
A link to a page is below.
Thanks,
http://www.isenterprises.co.uk/product_info.php?cPath=33_46&products_id=748
(it's the 'Colours Available' colour swatches that don't render properly)
In fact IE doesn't know who "Transfer-Encoding" is. You will have to write:
header('Content-Transfer-Encoding: deflate');
in paps_makethumb.php.
Add:
header('Transfer-Encoding: deflate');
in paps_makethumb.php
Same issue for me, solved by removing Chrome extensions!
Chrome menu Chrome menu > Settings.
Click Extensions.
Check what's in there... I had to uninstall "QR Code generator" previously installed.
Maybe some extensions need to be updated, but i uninstalled them and now Chrome renders well.