Browser doesn't work in Safari

JS and CSS problem like in

http://drupal.org/node/534400

Loading JS and CSS with the node form may fix this problem.

I'm experiencing the exact same effect in Safari. I'll attempt loading JS and CSS with the node when I get a chance to see if this solves it.

It also does not work in Chrome. I'd say this is pretty critical since it seems to not work with any webkit based browser.

I believe this is a jQuery UI Dialog 1.6 bug. In Safari and Chrome a style attribute containing 'width:0' gets assigned to the div containing .ui-dialog-content. If you use the Safari Web Inspector to remove that bit of style the content appears. Interestingly, this width attribute is not assigned in FF. I have not as yet checked IE.

I solved this for myself by adding the following bit to explorer.dialog.css:

.nodereference-explorer-dialog .ui-dialog-content {
  background: white url(images/dialog-background.png) 0 50% repeat-x;
  margin-left:  .4em;
  margin-right: .4em;
  margin-bottom: .6em;
  overflow: auto;
  width:auto !important; /* new style attribute: necessary for Safari & Chrome */
}

I realize this isn't a real fix and I haven't even rolled a patch for that (really busy) and it would probably be better to fix the problem in jQuery UI if that's what's actually going, and !important sucks; but I'm under pressure to complete tickets and such :) For what it's worth, that worked for me.

removing the zero width does make it usable in chrome/safari.

It seems to be true that Chrome and Safari set the internal dialog content to zero width. Therefore the width has to be autoreset like this:

//Fix for Chrome/Safari, where those browser sets width to 0
  $('.nodereference-explorer-dialog').css('width', 'auto');

latest dev snap shot works in chrome and safari.

Fix from #6 included in the release candidate.