Leaflet legend colours not showing in Chrome - google-chrome

I am having trouble with Chrome
In Chrome, this example works for me
http://leafletjs.com/examples/choropleth/
When I apply this code to a custom map and open it with google chrome, the first colour gets applied and then all remaining colours are classed as colour #2. The HTML/CSS is correct, but it is not applying. It works fine on Firefox, Safari & Chrome on mobile, and it even works fine on other peoples Chrome, but the legend is not working on my chrome in development environment (running on virtual box) or production.
I have tried deleting cookies, application data and chrome is up to date and same version but the code is not being applied properly.
Anyone have a suggestion?
Thanks!

Yes, this worked for me. Turning hardware accelaration off brings back the colorscale in the legend.

Related

Links breaking in Firefox but not in Chrome

I have lately been finding that certain hyperlinks and submit buttons fail to work in Firefox, but never in Chrome. These are links that worked before, then they fail, and later they may work again. I never see this behavior in Chrome.
For example this bookmark link:
<div class="z_01">Paragraph text here. <span class="blank"><img src="images\corner-right-up.svg" alt="Top"></span></div><br><br>
I have also had the same problem with form submit buttons that work not at all of just sporadically in Firefox.
On some links, the cursor will change to a hand on the left side of the link (or button) but not on the right side.
It’s not due to a Firefox add-on because I’m working in Firefox Developer Edition and I have no add-ons installed on that version.
I’m in Firefox Developer Edition 69, but the same problem occurs in Firefox 67 and 68. It does not occur in Chrome 64.
Has anyone else seen this behavior in Firefox, and is there a fix or workaround?
Your link is just the ID of another element on that same page. I'm assuming Chrome will be a little more smart than firefox and in the bookmarks change that link to https://www.whateverwebsite.com/whatever-page#ovr10 . I'm presuming Firefox only puts #ovr10 in your bookmarks. Only a guess though.
If that indeed is the problem and you want to fix this, changing your link to https://www.whateverwebsite.com/whatever-page#ovr10 would fix that particular issue.
Edit:
Tested on Firefox 65 (stable) and Firefox Dev 69.0b6. Link format does not appear to be the issue. Your code is also bookmarking fine for me.

Text flow out of divs in chrome, but not on all chrome users?

I got a really strange problem, and after so much tries and research I can't get out of it.
I have a website, but SOME (just 5% of visitors) people with the SAME version of chrome, see the text flowing out of divs and text overlapping. It's very strange because I tested the website on all chrome browsers using browser testers, without any problem. And in internet explorer or firefox this problem never happens...
A page is located here
And here are some screenshots of what SOME people see (maybe you won't see this in chrome)
click here
Maybe it is because of the font face I am using? Or maybe some bad coded CSS?
Please help me out of this!
Thanks a lot!
I see you use .svg font. Recently I was hunting some Chrome font rendering bugs and saw this:
http://code.google.com/p/chromium/issues/detail?id=95102
This seem very similar to issues you are having. You could try to serve some other font type to Chrome and if this would fix that.
If you don't want or can't serve some other font type to Chrome, the only thing you can do is wait until Chrome version 24 is out to all users which should be soon (I can't find any announcement)
I tested it in
Chrome 23.0.1271.97 m
Chrome 26.0.1371.0 canary
Chromium 25.0.1334.0 (169326)
# Windows 7 x64 and your page seems fine for me.

AJAX not displaying in chrome, every other browser is fine

I'm having a bit of an issue with a site displaying properly in Chrome. AJAX loads but doesn't make the final call to display in Chrome only. I've tested in Safari and Firefox and it works just fine.
I'm a bit new and don't have the tools to detect browser specific errors and was hoping someone on here could. The site is
http://www.veracitycolab.com
As you'll see, the page content loads in FF and Safari, however it doesn't get to its final display point in Chrome. Any help you can provide would be awesome.
Thanks!
set #main css from opacity:0 to opacity:1 and it work fine in Chrome

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.

Getting CSS Tooltips with iFrames to work in Chrome

I've been trying to get CSS tooltips with iFrames working cross-browser, but Chrome has issues.
Here's a test page I put together: http://paulleduc.com/test.html
As you can see, it works as expected in FF and IE, with the tooltip popping up to the right of the word every time. In Chrome however, the tooltip pops up at the left of the screen most of the time, and only popping in the correct position when you hover over the words from 'left-to-right' it seems.
Any ideas to get this working in Chrome would be appreciated,
Thanks!
I don't know about the tooltip version you are using specifically. BUT, I use this one
http://www.dynamicdrive.com/dynamicindex5/popinfo.htm
and I have no problem with it working on chrome or FF, it has worked on every browser I have tested it on, it also comes with really good instructions.
And I am not sure if it is supposed to be this way, but when I hover over your links it just opens a small square and I can see the google homepage.
But seriously, the one that i posted above DHTML Tool Tips, works really well cross browser, let me know how it works out if you decide to use it.
Please make sure you are using the latest version of Chrome. I'm using Chrome 17.0.942.0 (Official Build 110446) dev-m and cannot reproduce the issue - the tooltips pop up immediately to the right of the links. However, their contents are empty due to the "Refused to display document because display forbidden by X-Frame-Options." error (which I believe is unrelated.)