{"action":"created","issue":{"url":"https://api.github.com/repos/select2/select2/issues/3065","labels_url":"https://api.github.com/repos/select2/select2/issues/3065/labels{/name}","comments_url":"https://api.github.com/repos/select2/select2/issues/3065/comments","events_url":"https://api.github.com/repos/select2/select2/issues/3065/events","html_url":"https://github.com/select2/select2/issues/3065","id":58755543,"number":3065,"title":"Render native select out of screen or with clip: rect(0 0 0 0), height: 0","user":{"login":"ova2","id":767334,"avatar_url":"https://avatars.githubusercontent.com/u/767334?v=3","gravatar_id":"","url":"https://api.github.com/users/ova2","html_url":"https://github.com/ova2","followers_url":"https://api.github.com/users/ova2/followers","following_url":"https://api.github.com/users/ova2/following{/other_user}","gists_url":"https://api.github.com/users/ova2/gists{/gist_id}","starred_url":"https://api.github.com/users/ova2/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ova2/subscriptions","organizations_url":"https://api.github.com/users/ova2/orgs","repos_url":"https://api.github.com/users/ova2/repos","events_url":"https://api.github.com/users/ova2/events{/privacy}","received_events_url":"https://api.github.com/users/ova2/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/select2/select2/labels/enhancement","name":"enhancement","color":"fef2c0"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-02-24T15:36:24Z","updated_at":"2015-03-24T21:31:40Z","closed_at":null,"body":"I realized a probelm with Select2 when using with some web framworks having client-side validation. Some frameworks use this selector to figure out elements to be validated while form submission: ```input:visible:enabled:not(:button)[name]```. Saidly, but the native select element in Select2 has ```display: none``` and can not be validated. Can you render the native select out of screen please or apply this jQuery UI style class (normally applied to the surrounded div)?\r\n\r\n```css\r\n.ui-helper-hidden-accessible {\r\n    border: 0;\r\n    clip: rect(0 0 0 0);\r\n    height: 0px;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    position: absolute;\r\n    width: 0px;\r\n}\r\n```\r\n\r\nI quess, you should also set ```aria-hidden``` attr. to make it invisible for screen readers."},"comment":{"url":"https://api.github.com/repos/select2/select2/issues/comments/85702394","html_url":"https://github.com/select2/select2/issues/3065#issuecomment-85702394","issue_url":"https://api.github.com/repos/select2/select2/issues/3065","id":85702394,"user":{"login":"penihel","id":1167747,"avatar_url":"https://avatars.githubusercontent.com/u/1167747?v=3","gravatar_id":"","url":"https://api.github.com/users/penihel","html_url":"https://github.com/penihel","followers_url":"https://api.github.com/users/penihel/followers","following_url":"https://api.github.com/users/penihel/following{/other_user}","gists_url":"https://api.github.com/users/penihel/gists{/gist_id}","starred_url":"https://api.github.com/users/penihel/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/penihel/subscriptions","organizations_url":"https://api.github.com/users/penihel/orgs","repos_url":"https://api.github.com/users/penihel/repos","events_url":"https://api.github.com/users/penihel/events{/privacy}","received_events_url":"https://api.github.com/users/penihel/received_events","type":"User","site_admin":false},"created_at":"2015-03-24T21:31:40Z","updated_at":"2015-03-24T21:31:40Z","body":"I have many problems with this. It would be wonderful if the version 4 the Select2 to become compatible with JQuery Validation Plugin.\r\n\r\nToday when ajax he does not properly validate"}}