{"issue":{"title":"FF drop down listBox menus open at top:0, left:0","user":{"login":"asabaylus","id":441527,"url":"https://api.github.com/users/asabaylus","avatar_url":"https://secure.gravatar.com/avatar/48fbc681b1b9c6bd9658b61f9693f368?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png","gravatar_id":"48fbc681b1b9c6bd9658b61f9693f368"},"created_at":"2011-11-09T18:44:02Z","milestone":null,"labels":[],"state":"closed","updated_at":"2011-12-29T04:02:20Z","id":2189553,"closed_at":"2011-12-29T04:02:20Z","html_url":"https://github.com/desandro/isotope/issues/108","pull_request":{"patch_url":null,"html_url":null,"diff_url":null},"body":"If a <select> list box is added to each item which will be filtered or sorted in isotope then all the <select> box menus will appear in the upper left corner of the page.\r\n\r\nDue to a bug in the way Firefox handles  -moz-transform: translate. The flyout menu of a dropdown list box will always render at it initial non-transformed location on the screen. \r\n\r\nWhile this bug is a broswer bug and not specifically a bug in isotope. Isotope my work around this issue by setting the absolute position of target elements to equal the current -moz-transformed, translate propertly of the CSS. \r\n\r\nEX: If an isotope transformed element has the following css\r\n -moz-transform: translate(300px, 300px);\r\n\r\nThen when the transition animation is complete the css animations are disabled on .isotope \r\n\r\n -moz-transition-property: none;\r\n\r\nNext the position of the target element is updated to match the CSS translate offset and the offset is set to 0,0\r\n\r\n```javascript\r\n$(\".items\").css({\r\n    'position' : 'absolute',\r\n    'left'     : '300px',\r\n    'top'     : '300px',\r\n    '-moz-transform' : 'matrix(1, 0, 0, 1, 0, 0)'\r\n});\r\n```\r\nFinally the .isotope CSS  transition animation is returned to its original value.\r\n\r\nI plan to workaround this issue by setting the animationEngine to 'jquery' which is should resolve the issue.","number":108,"url":"https://api.github.com/repos/desandro/isotope/issues/108","comments":3,"assignee":null},"action":"closed"}