I have read a lot and try a lots of different techniques to manipulate my google map in different way of resizing and everything but none have gave my decent results. The fact simply is that when I hit cmd-p in google Chrome I didn't see my map and the same operation work perfectly in other browsers... I have try many many times to remove all kind of styles possible from my code... I can only conclude that it's a Chrome bug ??
Cmd-p with Chrome 47.0.2526.106 (64-bit)
Cmp-p on the same page with Safari Version 9.0.2 (11601.3.9)
I don't think it's relevant here to put all the code that I use to generate driving directions and that stuff...
This just not working in Chrome !?
Thx in advance...
Serge Savoie
Twitter bootstrap is overriding some style that should not :
Here is the solution
#media print {
img {
max-width: none !important;
}
Related
I have use where I want to change the default scroller for my application in mozilla firefox. I tried with ::-moz-scrollbar but this doesn't help. I tried using scroller plugins but that as well doesn't help me . I am able to achieve my use case in chrome but not in mozilla firefox. I have attached two different scrollers ,one in google chrome and the other in mozilla firefox. I have to achieve the same scroller as of google chrome.scroller in google chrome for my application
scroller inmozilla firefox.
Is there any to achieve this use case in mozilla fiefox ?
You can try mCustomscrollbar plugin, he has taught you how to configure and demos.
http://manos.malihu.gr/jquery-custom-content-scroller/
I used this plugin in my previous project, the compatibility is very good, it is easy to configure.
This is the github address
https://github.com/malihu/malihu-custom-scrollbar-plugin
Should be able to meet your needs.
::-webkit-scrollbar This is only valid for webkit kernel browsers.
Firefox browser does not provide css to modify the scrollbar api, it can only be modified by javascript
I haven't used it myself but I have heard about perfect-scrollbar you might to want to give it a try
perfect-scrollbar
I'm pretty new to web-coding and in my attempt to create jQuery based menu bars complete with dropdowns I have stumbled upon some vast differences between broswers. Below you can see that while FF and Safari are the same, IE is actually behaving and Opera is ok-ish, Chrome gets it totally wrong. As far as I can tell I have all the latest versions.
I removed the code from here and pasted it in: (doesn't want to let me link properly) so: jsfiddle.net/2hCR2/
Just in case, support for older versions of IE (6-7) is not required.
Right now I'm mostly concerned with the positioning aspect. Any assistance is much appreciated!
****EDIT:** After continuing to play with the chrome developer tools I realized that when I manually set the 1st list (pants/t-shirt) to display:block it displays as expected (exactly like FF and Safari in the image) so it appears that this is more of a javascript/jQuery issue not updating the DOM correctly(?). I also noticed that when I put the code is JSFiddle and ran the script in Chrome it produced the same error, but when I ran JSFiddle in FF (exact same fiddle link) it renders correctly.
It does not happen in Chrome Canary (version 24) but it does in stable (version 22). Apparently it is a bug which has been fixed.
You can either wait a month or two so that all Chrome users get the fix, or just use .show() instead of .show(0).
An alert/prompt called from chrome extension background pake is shown off the screen (or partially in top left screen). This bug has been fixed in canary build by now, see
http://code.google.com/p/chromium/issues/detail?id=113899 , but I need to get it working as soon as possible. Do you have any ideas how to work this around using javascript?
Thanks in advance.
PS: I'm talking about this extension: https://chrome.google.com/webstore/detail/jfiakckbklmccchjegnnojbalafebakb
You can't position the alert or prompt dialogs in browsers. You have to wait for the bug fix to propagate to the stable branch.
An alternative option is to inject an HTML lightbox into the current tab but that would be a lot of additional work.
One way to go is to further investigate the canary source code, found at the Chromium project on Google Code.
The issue is reported on the Chromium issues page, and the fix seem to be found at this revision on the Chromium sources.
You can check out the diff and compile a workaround based on their solution.
If you view this page...
http://eastlondondance.org/admin/MozillaProblem/example.php
...you'll find that there are no errors but that the functionality is not working.
The last dropdown is not being populated with options like the other 2. This however works on Safari, Chrome and IE.
What gives? Why isn't it working on Firefox Linux, PC or Mac but is on all other browsers?
Is it a problem with the code or a problem with Firefox?
Any help is much appreciated.
cheers,
George
Firefox is having problems with the variable name of performance. While I'm not certain why this is, renaming this to anything else will allow it to display in firefox. In the example below I renamed it from performance to performancex.
Example: http://benjaminhopkins.co.uk/stackoverflow/firefox.html
From the comments above seems not everyone see the problem? Maybe it could be a extension / plugin causing the issue. Using the developer toolbar and hovering performance firefox reveals the following:
Performance { constructor=Performance,
timing=PerformanceTiming,
navigation=PerformanceNavigation}
I'm attempting to implement gMap [1] on a website and I've got it partially functioning. The map shows up properly in Chrome and Safari but fails in Firefox, IE, and Opera (latest versions of all). I have the Google Map API key loading as the first javascript resource in my header, followed by jQuery and then finally my call at window load (in aaolm.js). Essentially what happens in the browsers that fail is that the map is partially rendered with the Google Maps controls but the actual map view is blank. In Chrome and Safari the map renders with no problems. The below page is an example of what's happening:
http://www.advancedaquarist.com/events/reefstock-march-12-2011
I'm really at a loss as to why this is happening. Any help would be appreciated. Thanks!
[1] http://gmap.nurtext.de/examples.html
I had this issue as well. Seems that a very common "responsive design" technique (img{max-width:100%;}) is to blame. If you can undo this by a max-width: none; on the images within the map divs, you're all set.
Its going to be a div sizing issue..
Try making the div that contains your map a specific size, rather than 100%.. and you will probably find your map appears..
There's a bit of info here:
http://econym.org.uk/gmap/basic19.htm
Duncan.