In Chrome on ubuntu precise, android or windows 7 images dont display properly at first.

The images are referenced properly and exist but they just dont display at first

Images display with no problems in other themes on same platforms/machines

Its critical for me that images display ... not sure if this is a panopoly issue as I remember images breaking on pantheon / panopoly too

Havent tested sizzle or chef.. been using. Radix and a new Radix Starter based theme

Thanks indeed

Comments

shadcn’s picture

Are these images from image fields? or entered via the WYSIWYG?

(I'll find a windows machine and test)

niccolox’s picture

image fields, I'll message you the direct links

my primary machine is Ubuntu 12.04, but it happens on my android os phone and win 7 on Chrome, NOT Firefox as far as I can tell

the images are there, referenced properly and do eventually appear, but then will disappear again after a while

screenshots attached

niccolox’s picture

just checked the same pages I messaged you via d.o contact form on Firefox and Opera browsers and it seems to be Chrome (not platform specific)

rerooting’s picture

I've had this problem as well, been flubbing around with Inspect Element seeing if I can find a fix.. hmm..

shadcn’s picture

I can't reproduce this error. Testing with chrome on a mac.

Does it occur with a vanilla drupal and radix? (No panopoly?)

shadcn’s picture

Also, check if it's a JS thing. Disable javascript and try it,

niccolox’s picture

I just installed vanilla D7.19 standard with Radix, Radix Layouts and images do not display as per Panopoly

works fine on Bartik

see attached

niccolox’s picture

this one is the Radix screenshot, you can also get the url from that screen

niccolox’s picture

and when you mean no JS do you mean disable in the browser no JS or within Drupal ?

shadcn’s picture

I meant browser js.

Are you still having these issues with the latest version?

rerooting’s picture

I still am. I just removed _node.scss and everything was fine. I beleive it was where img is set to 100% that some funky business was happening. I'm using theme('image') instead of manually applying css for thumbnails/other bootstrap image effects.

niccolox’s picture

I commented out the _node.scss created css from radix-style.css and it fixed the problem in Chrome on Ubuntu 12 ! yay.. didn't touch the scss and expect the problem to come back until its been debugged in Radix theme

thanks rerooting

rerooting’s picture

That should work, too. The full extent of what I did was this:

function MYRADIXSUBTHEME_css_alter(&$css) {
  if (isset($css['sites/all/themes/radix/assets/stylesheets/radix-style.css'])) {
    unset($css['sites/all/themes/radix/assets/stylesheets/radix-style.css']);
  }
}

Because the radix-style.css stylesheet is duplicating your own stylesheets, since the subthemes are set up to pull from the radix scss.

If you are using the latest dev, theres a compass package that has been provided for radix that has these styles bundled in with them, so the image formatting css will force it's way into your subtheme. I forked this compass package, so after adding the above to your template, change this in screen.scss in your subtheme:

@import "compass_radix"

to

@import "compass_radix_alt"

And then sudo gem install compass_radix_alt

Now when you compile, it won't pull int those styles from the radix theme.

Alternatively, if your subtheme is doing the less recent job of just importing a _radix.scss partial (this is how radix was working last week), just remove/comment out the lines that refer to node and other radix partials you dont want.

shadcn’s picture

Assigned: Unassigned » shadcn

I'll see if can reproduce this nasty bug tonight.

shadcn’s picture

Status: Active » Fixed

Ok, I've been able to fix this bug. Updating to the latest compass_radix should fix it.

gem update compass_radix

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

niccolox’s picture

working with latest Radix ecosystem and its looks good. cheers

rerooting’s picture

Yup! All is well.

niccolox’s picture

Having the problem now with Android Chrome

niccolox’s picture

Priority: Major » Critical
Status: Active » Closed (fixed)
StatusFileSize
new713.95 KB

I am having the same problem with Android Chrome and Chrome and Safari on Windows 7

I am not having the problem on Windows or Ubuntu on Chrome, Firefox, Opera or Safari

android

niccolox’s picture

Title: Images dont display properly in Chrome » Images dont display properly in Chrome on Android and Chrome and Safari on Windows 7
Priority: Critical » Major
Status: Closed (fixed) » Active
StatusFileSize
new13.98 KB
new132.92 KB

safari images
windows 7 safari sizzle derivate

sizzle safari
windows 7 safari sizzle vanilla

marking as major. I spend a fair bit of time in Android Chrome

THANKS

shadcn’s picture

Priority: Critical » Major
Status: Closed (fixed) » Active

Hi

I'm not at home right now. Away for some vacation.

Last time, the fix was to comment out a max-width in _node.scss. The fix should be something in this file. Check .field-type-image.

Thanks ^^

shadcn’s picture

Is this bug still around in the latest beta? Thanks.

niccolox’s picture

will be updating my Big Data Drupal site to Panopoly RC5 and Radix dev and will check then... more soon

shadcn’s picture

Issue summary: View changes
Status: Active » Fixed

Marking this issue as fixed. Feel free to reopen. Thanks.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.