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
classattributes. haveidattributes 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
Post a Comment