Bug Tracker

Opened 7 years ago

Closed 7 years ago

Last modified 6 years ago

#11357 closed bug (invalid)

Background Images Not Visible in Chrome/Mac 17.0.963.56

Reported by: guyscott@… Owned by: guyscott@…
Priority: low Milestone: None
Component: misc Version: 1.7
Keywords: Cc:
Blocked by: Blocking:

Description

Since the release just before 17.0.963.56, background images in divs that have been hidden will not appear again. When the element is inspected, it may show display:block and/or visibility:visible, yet the background image is not visible. However if you toggle the background image off and then back on (using Chrome inspector tool), it appears. Not sure if the bug is with Chrome browser or jQuery, but almost all of the posts online I have found mention jQuery. Again, this is only Chrome on a Mac. Chrome for PC does not have this problem.

Change History (5)

comment:1 Changed 7 years ago by timmywil

Component: unfiledmisc
Owner: set to guyscott@…
Priority: undecidedlow
Status: newpending

Thanks for taking the time to contribute to the jQuery project! Please provide a complete reduced test case on jsFiddle to help us assess your ticket.

Additionally, be sure to test against the jQuery Edge version to ensure the issue still exists. To get you started, use this boilerplate: http://jsfiddle.net/FrKyN/. Open the link and click to "Fork" (in the top menu) to get started.

comment:2 Changed 7 years ago by anonymous

I'm experiencing the same issue with jQuery 1.7.1 and Chrome 17.0.963.56.

Here's my case on jsFiddle: http://jsfiddle.net/joshkadis/wkMCW/

comment:3 Changed 7 years ago by trac-o-bot

Resolution: invalid
Status: pendingclosed

Because we get so many tickets, we often need to return them to the initial reporter for more information. If that person does not reply within 14 days, the ticket will automatically be closed, and that has happened in this case. If you still are interested in pursuing this issue, feel free to add a comment with the requested information and we will be happy to reopen the ticket if it is still valid. Thanks!

comment:4 Changed 7 years ago by noah@…

I am experiencing the same issue with Chrome 20.0.1132.57 m on Windows 7 pc. The issue only seems to present when attaching class ui-state-highlight to element. Other class names work as desired. Opening Chrome Developer tools and toggling bg image off and on solves the problem for that instance. Parent element has fixed position, z-index 10001. Elements display initially set to none.

comment:5 Changed 6 years ago by anonymous

I'm seeing this on "https://us.venteprivee.com/main/#/signup/cypher/o?s=s". The background image of the overlay isn't rendering properly if you try opening this link in a new window a few times. When I use the console to modify $('#auth_overlay .modal .inner') to have a different background image and swap it back, it still doesn't show up properly. I checked the computed style and chrome thinks it doesn't have a background, while the css states that it should.

The only way I've found to force chrome to show the background is when I inspect the element, uncheck the background property, and recheck it back. Using javascript in the console doesn't work.

From my debugging, it seems that chrome treats anything with the class 'inner' as having a blank background. I tested this theory by applying .inner to another element using the developer console and found that it caused the element to have a blank background instead of the background that should result from .inner.

Note: See TracTickets for help on using tickets.