Chrome _ = Safari 4 - browser-support

What version of Chrome is equivalent to Safari 4?
If anyone knows the same about Safari 3 and 5 as well, that'd be helpful.

You can use these two articles to match the webkit versions:
http://en.wikipedia.org/wiki/Google_Chrome
http://en.wikipedia.org/wiki/Safari_version_history
e.g. Safari 4 featured Webkit 530-533, matching Chrome versions 2-5.

Related

getmdl.io input underline issue with material form

I am using getmdl.io Material forms. The form was working fine. But some browsers are now not showing the underline.
Was working fine until yesterday. The issue is only on some chrome browsers.
Ok. I was able to find a solution to it. Basically it seems the new chrome version
Version 61.0.3163.100 (Official Build) (64-bit) is sometimes not recognising the border value in REM. So 0.0625 rem is not recognized.
When I changed it to 1 px. It sharted showing.
Hope this help others.
Vipin

Safari 9 Not Showing SVG Pinned Tab Icon

I created a new pinned-tab icon for Safari 9 on El Capitan as documented by Apple here but I can't seem to get Safari to actually show it when I pin my tab.
Here's the line in my header:
<link rel="mask-icon" href="https://towatchlist.com/img/twl.svg" color="red">
Safari does show the image just fine when I follow the link to the SVG file, but the pinned tab icon still shows the auto-generated letter image even after reloads and pin/unpin etc.
I tried opening up GitHub's SVG (which is working) and copying the general markup there but that didn't fix things either. I also poked through the Safari console briefly but didn't see it even attempting to land the SVG file.
Any suggestions on how to even debug this or ideas on what is going wrong?
Looks like Safari is aggressively caching (even the absence of) these icons. Found the answer over on Super User:
Delete the contents of the following folder:
~/Library/Safari/Template Icons
And then restart Safari.

Text rendering bug in Safari?

For some crazy reason, there are these boxes that are showing up on line breaks within text on a site that I am working on within Safari version 6.0.3 (8536.28.10) (see attached screen shot)
I've tested this out on a different Mac running the same version of Safari and I cannot replicate the issue. So, I am not sure what could be causing this issue. Both Mac's are running up to date versions of Mountain Lion. So far it only seems to appearing on one particular Mac.
The font on the site is using a Google font called Source Sans Pro.

IE 7.0.5730.13 Problems with JSF Primefaces

I've created an application using Primefaces. It works well on Firefox, Chrome and IE 9.
But there are many issues using the application on IE 7.0.5730.13.
I'll list some problems:
DialogBox opens after clicking twice on a Button and page refresh
DropDownBox is just a gray box, only after clicking on it the list opens, it just don't looks like a standard DropDownBox
Tree table does not look well, some nodes pass over the tree table and just hang there
It looks that Primefaces is not compatible with IE 7.0.5730.13.
I researched a lot, but couldn't find anything on that issue.
Thanks in advance.
EDIT
For all those, who still have problems with Dialog Boxes in IE Browsers
remove "modal=true"
set a fix width for your dialog box
set a fix height for your dialog box
For the most part you are correct, PrimeFaces and most any JSF component framework is not compatible with IE7. Furthermore there are a few more advanced JSF components that utilize HTML5 features and may not work correctly in IE8 as well.
On that note, IE7 is an ancient browser and it is ridiculous if your client insists on support for it. If they must use IE7 for some proprietary legacy software then you can always suggest using a proper browser for your software instead, like any supported version of Firefox, Chrome or Safari.
Primefaces is supposed to support IE 7 until version 3.5 (which is not supporting it anymore). If you are using this version just downgrade it to previous one. However, I can't be more agree with #maple_shaft.

Google Maps api v3 - Controls hidden in default tablet Android browser

I found strange problem. I used this basic example of google maps. This maps works on all browsers except on default browser in my Samsung GalaxyTab (Honecomb 3.1). In this browser there are hidden controls. Or controls have bad z-index. If I move with map, I can see them for a while. There is no problem in default browser in Android 2.3, in Firefox on tablet, or any other browsers. Does anyone have solution for it?
Thanks!
I discovered this bug today as well, but I'm trying to get an element float on top of a google maps element. I found a fix at: https://github.com/CloudMade/Leaflet/issues/335 and that is to add:
.gmnoprint {
-webkit-transform: translate3d(0,0,0);
}
This forces the element to be on top, for some really odd reason. The line above works for the built in zoom controls etc on my Samsung Galaxy Tab 10.1 and can of course be applied to all elements that should be on top.

Resources