javascript - Shadowbox.js hides my select inputs -


i'm sure can't first person have problem, haven't had luck finding solution.

i'm using shadowbox in simplest form; doing image popup link like

click <a href="myimage.png" rel="shadowbox">here</a> view image. 

this works fine, has 1 odd side effect: when click link, of select inputs (i.e. drop-down boxes) of form on page disappear. little snooping firebug reveals css being modified give <select> tags property visibility: hidden. when image dismissed, inputs reappear.

not surprisingly, happens consistently across browsers.

since inputs reappear, leave things are. however, if (for example) image can't loaded, , script can't display it, inputs stay invisible. also, looks strange , it's driving me batty. :d

other factors may or may not relevant:

  • i have done little shadowbox in past , missing embarrassingly obvious.
  • my page , form generated cakephp.
  • the page uses jquery, , shadowbox using jquery adapter.
  • the vanishing inputs do not have class attributes. have id attributes generated cakephp, these names specific application , unlikely cause css collisions.
  • as far can tell, all of select inputs vanish, , no other element, input or otherwise, on page affected @ all. (even labels associated inputs unaffected.)
  • versions: shadowbox 3.0.3, jquery 1.4.2, cakephp 1.3

this semi-bug in shadowbox, likely. select tags being hidden because in versions of ie, rendered using windows native controls, , appear "above" other element z-index. problem shadowbox, solution hide them while showing box. shadowbox should troublesome browsers, think they're taking more generic approach of hiding them.


Comments

Popular posts from this blog

how to build hyperlink for query string in php -

php - What is the difference between $_SERVER['PATH_INFO'] and $_SERVER['ORIG_PATH_INFO']? -

queue - mq_receive: message too long -