Make WordPress Core

Opened 11 years ago

Closed 11 years ago

Last modified 10 years ago

#25642 closed defect (bug) (invalid)

Add Media button incorrect on Safari 6.0.5

Reported by: tomhowson's profile 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 11 years ago.
Screenshot of issue
Shot of safari build.png (487.7 KB) - added by tomhowson 11 years ago.
Safari Build
about mac and updates.png (954.5 KB) - added by tomhowson 11 years ago.
About Mac and fully up-to-date

Download all attachments as: .zip

Change History (13)

@tomhowson
11 years ago

Screenshot of issue

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

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

#3 @SergeyBiryukov
11 years ago

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

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

#5 @azaozz
11 years ago

  • Keywords ui-focus added

@tomhowson
11 years ago

Safari Build

@tomhowson
11 years ago

About Mac and fully up-to-date

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

#9 @tomhowson
11 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
10 years ago

  • Milestone Awaiting Review deleted

Clearing out the milestones for closed tickets on Awaiting Review

Note: See TracTickets for help on using tickets.