I have an issue with ScaleRaphael that I can reproduce on Google Chrome for Windows and Mac, all other browsers is showing the expected result.
The image does not center/outputted at the correct position. BUT if I open up the Web inspector tool in Chrome the image instantly jumps to its correct position....
You can see the problem in action at their demo page.
SOLVED !!!
If I add paper.text(200,100,"").attr("font","30px Arial").attr("fill","#ffffff");});
in the end after the resizefunctions. (from the scaleraphael example). The image renders correctly in Chrome.
This worked in my case.
Related
there is a bug regarding scrolling when opening https://www.streampicker.de/ with the Brave Browser. After scrolling down a bit, the website jumps back to the top.
Video to show it in action: https://www.dropbox.com/s/37suikq9awxix7c/StreamPicker%20-%20Brave%20Browser%20-%20Scrolling.mov?dl=0
It works perfectly with all other browsers including Chrome. Brave is on the latest version with no other external extensions installed.
Any ideas what could cause that problem and how to fix it - in the browser or in the code of the website itself?
Thanks!
I cam across this problem when i started to design websites, they look zoomed in in chrome and edge, but it is okay in firefox.
The same websites looks perfect in my friends chrome browser. So, I must have some config settings inaccurate.
Here are some snapshots--
Look in Firefox--
Look in Chrome--
Look in Edge--
Here is another example--
Look in chrome--
Look in firefox--
here is my display settings--
I am nt able to fgure out how to fix this, Please guide me how to resolve this issue.
Link to my github repo-- Github repo link for calculator
I did not find path in while creating shorcuts as stated in one of the comments--
This comment by #Deepak-MSFT fixed the issue. Votes to him on this.
Try to create a Shortcut for MS Edge and Google Chrome browser. Right-click on it and click on Properties. Go to the Shortcut tab. In the Target, field add /high-dpi-support=1 /force-device-scale-factor=1 after the path. Separate path and parameter with single space. Click on Apply and Close. Launch the browser from the shortcut and see whether it fix this issue or not.
The value of the field should be something like:
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-frame-rate-limit /high-dpi-support=1 /force-device-scale-factor=1
Also work if Chrome is launched from the "Run dialog" as:
chrome /high-dpi-support=1 /force-device-scale-factor=1
Had the same problem as you with default font size difference between Chrome and Firefox browsers and it is beacause I increased the font size in Windows 10, looks like Chrome interprets this like a general zoom increase because even the browser look is bigger now, not only the text as I intended.
Seems like a bug on Chrome side, as Firefox behaves normal and increases only the text as set in Windows.
Check the Windows font size in Settings / Ease of access / Display / Make text bigger section - there's a slider there.
My current fix is to set the default general zoom level in Chrome settings to 80%, which is a little smaller than Firefox but acceptable, probably 85% would have been perfect but I cannot set custom values.
Does Chrome Developer tools stopped displaying preview of CSS background images? It used to display it like this:
But now it's not showing the preview image.
sometimes I just want have a look at the background-image to see how the UI effect being implemented(e.g. effect).Anyone knows how to bring it back without modifying of the chrome version? If not, please show me the official declaration for this.
Checked on Chrome Version 60.0.3112.113
When I open Developer tools and turn on device mode, and click any drop down on the page chrome renders options with minimum width and rest of the area as black.
I dont know what is causing this error. I tried to update my graphics card driver, but problem still exists.
After some googling, got to know that this is an issue in Chrome browser itself. Refer the following link for more info - https://bugs.chromium.org/p/chromium/issues/detail?id=553274&q=status%3Aunconfirmed&sort=-id&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified&num=1000
My site works fine in all major browsers including Chrome desktop and mobile. Now I noticed that when entering the device mode in Chrome devtools (Chrome 46) a portion of the page that has no background color set appears in dark grey. When inspecting the elements in this area none has a background color set.
As I have mentioned earlier, this does not happen in Chrome on mobile or any other browser.
The site is here. It only happens when first loading the page. (After clicking around on the site the body element has a white background color set and the glitch is not happening anymore.)
Any ideas what causes this?
Update: Gabee points out below:
Unable to reproduce on the latest Canary with the new Device Mode (but I can on the stable), so (...) [y]ou just need to wait for the next update (or two?) for the fix to land
I consider this solved, then.
As Gabee points out:
Unable to reproduce on the latest Canary with the new Device Mode (but I can on the stable), so (...) [y]ou just need to wait for the next update (or two?) for the fix to land
I consider this solved.