WordPress.org

Make WordPress Core

Opened 8 years ago

Closed 8 years ago

Last modified 7 years ago

#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. No image "0" attached to Ticket #25642

Attachments (3)

Screen Shot 2013-10-20 at 16.54.51.png (383.9 KB) - added by tomhowson 8 years ago.
Screenshot of issue
Shot of safari build.png (487.7 KB) - added by tomhowson 8 years ago.
Safari Build
about mac and updates.png (954.5 KB) - added by tomhowson 8 years ago.
About Mac and fully up-to-date

Download all attachments as: .zip

Change History (13)

@tomhowson
8 years ago

Screenshot of issue

#1 @markoheijnen
8 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 @tomhowson
8 years ago

Positive. I have disabled all plugins. I will try a few other of my wordpress sites and come back shortly.

#3 @SergeyBiryukov
8 years ago

  • Component changed from General to Administration
  • Keywords ui-focus added

#4 @azaozz
8 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?

#5 @azaozz
8 years ago

  • Keywords ui-focus added

@tomhowson
8 years ago

Safari Build

@tomhowson
8 years ago

About Mac and fully up-to-date

#6 @tomhowson
8 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 @tomhowson
8 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 @azaozz
8 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.

#9 @tomhowson
8 years ago

  • Resolution set to invalid
  • Status changed from new to closed

This issue is now resolved in wordpress 3.7. No further action needed. Thanks for everyone's help.

#10 @markoheijnen
7 years ago

  • Milestone Awaiting Review deleted

Clearing out the milestones for closed tickets on Awaiting Review

Note: See TracTickets for help on using tickets.