{"action":"created","issue":{"url":"https://api.github.com/repos/w3c/webcomponents/issues/572","repository_url":"https://api.github.com/repos/w3c/webcomponents","labels_url":"https://api.github.com/repos/w3c/webcomponents/issues/572/labels{/name}","comments_url":"https://api.github.com/repos/w3c/webcomponents/issues/572/comments","events_url":"https://api.github.com/repos/w3c/webcomponents/issues/572/events","html_url":"https://github.com/w3c/webcomponents/issues/572","id":178490097,"number":572,"title":"How should autofill work for inputs generated inside shadow roots","user":{"login":"bengummer","id":1089897,"avatar_url":"https://avatars.githubusercontent.com/u/1089897?v=3","gravatar_id":"","url":"https://api.github.com/users/bengummer","html_url":"https://github.com/bengummer","followers_url":"https://api.github.com/users/bengummer/followers","following_url":"https://api.github.com/users/bengummer/following{/other_user}","gists_url":"https://api.github.com/users/bengummer/gists{/gist_id}","starred_url":"https://api.github.com/users/bengummer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bengummer/subscriptions","organizations_url":"https://api.github.com/users/bengummer/orgs","repos_url":"https://api.github.com/users/bengummer/repos","events_url":"https://api.github.com/users/bengummer/events{/privacy}","received_events_url":"https://api.github.com/users/bengummer/received_events","type":"User","site_admin":false},"labels":[{"id":217336260,"url":"https://api.github.com/repos/w3c/webcomponents/labels/shadow-dom","name":"shadow-dom","color":"207de5","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":19,"created_at":"2016-09-21T23:53:25Z","updated_at":"2016-12-06T08:17:50Z","closed_at":null,"body":"I'm currently trying to build a form using custom elements, where each custom element generates an `<input />` inside the custom element shadow root.\n\nSomething like this:\n\n``` html\n<form>\n  <my-input>\n    <!-- shadow root -->\n      <input type=\"text\" name=\"fname\" id=\"fname\" />\n  </my-input>\n  <my-input>\n    <!-- shadow root -->\n      <input type=\"text\" name=\"lname\" id=\"lname\" />\n  </my-input>\n  <my-input>\n    <!-- shadow root -->\n      <input type=\"text\" name=\"email\" id=\"email\" />\n  </my-input>\n  <input type=\"submit\" value=\"submit\" />\n</form>\n```\n\nThe above example doesn't seem to trigger autofill behaviour (i.e. loading the first name, last name, email from the browser profile).\n\nIs there a recommended way of building custom element form inputs with shadow DOM while retaining autofill behaviour?\n\n![codepen](https://cloud.githubusercontent.com/assets/1089897/18732941/51692288-80aa-11e6-8245-a89381936a22.gif)\n\nI've raised a Chrome [issue](https://bugs.chromium.org/p/chromium/issues/detail?id=649162) for this with an example [codepen](http://s.codepen.io/bgummeratlassian/debug/Egkarq) (you'll need to view that in Chrome canary), but I'm not 100% sure yet whether this is a feature or drawback in shadow DOM.\n\nP.S. the above code example wouldn't submit any values but hopefully https://github.com/w3c/webcomponents/issues/187 will fix that\n"},"comment":{"url":"https://api.github.com/repos/w3c/webcomponents/issues/comments/265088170","html_url":"https://github.com/w3c/webcomponents/issues/572#issuecomment-265088170","issue_url":"https://api.github.com/repos/w3c/webcomponents/issues/572","id":265088170,"user":{"login":"hayatoito","id":160288,"avatar_url":"https://avatars.githubusercontent.com/u/160288?v=3","gravatar_id":"","url":"https://api.github.com/users/hayatoito","html_url":"https://github.com/hayatoito","followers_url":"https://api.github.com/users/hayatoito/followers","following_url":"https://api.github.com/users/hayatoito/following{/other_user}","gists_url":"https://api.github.com/users/hayatoito/gists{/gist_id}","starred_url":"https://api.github.com/users/hayatoito/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hayatoito/subscriptions","organizations_url":"https://api.github.com/users/hayatoito/orgs","repos_url":"https://api.github.com/users/hayatoito/repos","events_url":"https://api.github.com/users/hayatoito/events{/privacy}","received_events_url":"https://api.github.com/users/hayatoito/received_events","type":"User","site_admin":false},"created_at":"2016-12-06T08:17:50Z","updated_at":"2016-12-06T08:17:50Z","body":"Okay. As long as we are aware of this kind of *contradiction*, it might be okay to support autofill across shadow dom boundaries.\r\n\r\nThat implies that we will support autofill across different collections of form-associated elements even if they all are in the *same* node tree.\r\n\r\ne.g. a document tree has two `<form>`s. Every `<input>` elements are auto-filled, regardless of `<form>` they belong to.\r\n\r\nIs that okay?"}}
{"actor":{"display_login":"hayatoito"}}