I'm getting some strange CSS issues with Safari 6 on Mountain Lion.
All form elements (inputs & buttons) seem to be having a problem with the right edge.
Check it out here...
http://cl.ly/image/282S2s0U0n0G
& here
http://cl.ly/image/1K3a3W1o2r3u
Inital enquires show it's not happening to others. Any ideas what it could be?
MacBook Air (13-inch, Mid 2012), OS X Mountain Lion
Anyone? I've noticed that I dont get this issue on my mini, which is ML and Safari 6.0t
Not sure what to do!
Seeing this for my Safari 6 install on a MacBook Air. I was hoping it was an extension issue but disabling them did not fix the problem.
Glad I'm not the only one!
and here's the bad news for you!...
Been on phone all day with Applecare. I've done a reinstallation of ML from the App Store, no joy, and I full clean install from a bootable ML installer, wiping the sdd, still no joy, problem persisits.
Ive had to do a recording of the problem, and return that to Apple, send in screenshots, and ist being passed from 2nd level support to the engineers. Not sure how long its going to take!
It's quite annoying. I know it doesnt affect the ability to actually browse, but I'm in the middle of designing a site, and it is severly hampering progress!
Been into the Apple Store today. Seems their 13" Air display models show the same problems. My guess is that its happening on all 13" Airs with Safari 6.
Lets hope theres a fix soon!
I'm getting the same problems on my brand new MBP 15"
I'm having the same issue on my retina MBP. I'm getting a boundingbox around a div with a css hover-effect. If you go to kempers.me and hover over the twitter button you can see it for yourself. Google Chrome displays it correctly though.
I am having similar issues on multiple 13" macbook airs, macbook pros. The issue isn't local to twitter bootstrap or sites using twitter boostrap either (unless more major sites use bootstrap than I think).
It seems like it's a rendering issue tied with css borders. Highlighting or selecting the input makes it go away (sometimes) as well.
Thats exactly what I'm finding, all sites and I think its pretty much down the rounded borders.
In addition, all of my pure css pop ups are not working either. I would hate to have to recreate them with javascript.
Same issue for me as well! Anything with transparency or rounded corners seems to have serious issues.
See sample: http://cl.ly/image/0L1L2f01150K
Anyone have any ideas?
No fixes yet! Taking it's time. Need to chase Apple up, as never heard back from them when it got passed to the "engineers" - that was three weeks ago!
Happening all over the show! Cannot believe theres not been more said about it! 10.8.1 doesnt fix it (not that I expected it to!)
Just got 10.8.2 and it doesn't appear to be fixed. Come on Apple, this has to be an easy fix.
Yep, 10.8.2 didnt fix it. Need to get back in touch with Applecare, and see whats happening.
I'm shicked that its still not working! Very poor.
I am having the same problem. If you look at http://twitter.github.com/bootstrap/base-css.html#forms where you have form elements, all the right borders of form elements are either missing, or appear jagged.
I thought this was a Safari 6 issue, or a Mountain Lion issue as it started just very recently. But I just realised the issue started after I purchased my new MacBook Pro 13" a few weeks ago.
I just tested the same pages on our 27" iMacs with Mountain Lion 10.8.2, and the form elements look fine.
So there is something wrong with the video card drivers or something specific to the MacBook Pro and Mountain Lion that is causing this.
It's certainly something to do with recent hardware, and Safari 6.
I'm having issues with a 2012 13" Macbook Air.
The other Airs in the store have the same problem.
People have mentioned problems with Macbook Pro, and Retina Macbook Pros.
I do not have the issue on a 2011 Mac mini, and iMacs seem fine.
Again, only started with Safari 6.
Getting Safari 6 CSS issues
