#25642 closed defect (bug) (invalid)
Add Media button incorrect on Safari 6.0.5
Reported by: | tomhowson | Owned by: | |
---|---|---|---|
Milestone: | Priority: | normal | |
Severity: | minor | Version: | 3.6.1 |
Component: | Administration | Keywords: | reporter-feedback |
Focuses: | ui | Cc: |
Description
When running Safari 6.0.5 on OS X 10.8 the add media button does not render correctly. Sceen shot attached.
Attachments (3)
Change History (13)
#1
@
11 years ago
Are you sure not a plugin or something else is influence the rendering? I have no issue with OS X 10.8.5 and Safari 6.0.5. I do running latest trunk.
#2
@
11 years ago
Positive. I have disabled all plugins. I will try a few other of my wordpress sites and come back shortly.
#4
@
11 years ago
- Keywords reporter-feedback added; ui-focus removed
No problems here in Safari 6.0.5 (7536.30.1) on 10.7.5. Can you "inspect element" on that button and see which css rule is causing it?
#6
@
11 years ago
I am on a different build but same version. Please see screen shot attached. I am using a Macbook Air Mid 2013 13" I have attached screen shot of safari build and MBA os x details.
#7
@
11 years ago
Also in answer to your question on CSS rule I have included the full line to hopefully make it easier for you:
<a href="#" id="insert-media-button" class="button insert-media add_media" data-editor="content" title="Add Media"><span class="wp-media-buttons-icon"></span> Add Media</a>
Thanks,
Tom.
#8
@
11 years ago
Thanks Tom. Sorry I wasn't very clear on what to look for. Could you go to Safari -> Preferences -> Advanced and click the Show Develop Menu checkbox. Then Ctrl+click (or 2 finger tap) on the Add Media button to show the "right click menu", then select "Inspect Element" from it.
That will open the Dev. tools and show you the CSS rules applied to that button on the right side. There you can disable/enable separate rules one by one and see the changes immediately (you will need to scroll down to reach all rules).
When you find the rule that breaks the button, look on the right side to see what stylesheet that rule comes from. If that's hard to determine, could you copy the whole rule and paste it in a comment here.
Screenshot of issue