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

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

fortran - Function return type mismatch -

queue - mq_receive: message too long -