91488 2012-07-17 04:00:46 -0700 AuthorShadowDOM for keygen element 2012-08-05 20:42:07 -0700 1 1 1 Unclassified WebKit DOM 528+ (Nightly build) Unspecified Unspecified RESOLVED INVALID P2 Normal --- 82313 1 shinyak dominicc dominicc oldest_to_newest 671147 0 shinyak 2012-07-17 04:00:46 -0700 When we add an AuthorShadowDOM to keygen element, it should be rendered correctly. 686131 1 dominicc 2012-08-02 19:14:58 -0700 I will take a look at this. 686135 2 dominicc 2012-08-02 19:16:39 -0700 *** Bug 91491 has been marked as a duplicate of this bug. *** 687586 3 dominicc 2012-08-05 07:03:07 -0700 I tried attaching an author ShadowRoot to a keygen element and the rendering looks fine to me. The shadow element produces the select element used in the UA ShadowRoot. 687717 4 shinyak 2012-08-05 19:45:17 -0700 Actually it's not working 687718 5 shinyak 2012-08-05 19:45:48 -0700 Repro: http://jsfiddle.net/vctmc/ In this case, the keygen selector should disappear. 687719 6 shinyak 2012-08-05 19:47:29 -0700 Repro: http://jsfiddle.net/XNNZw/ In this case, the keygen selector should have 10px margins for each direction. 687720 7 shinyak 2012-08-05 19:49:09 -0700 Attaching Shadow DOM to <keygen> works, but the problem is that rendering is not correctly. The replaced element should behave like having its contents in UserAgentShadowRoot. Please see my design doc... 687723 8 dominicc 2012-08-05 20:03:35 -0700 (In reply to comment #5) > Repro: > http://jsfiddle.net/vctmc/ > > In this case, the keygen selector should disappear. No it shouldn’t; the repro has this code; var sr = new WebKitShadowDOM(host); console.log(sr); sr.innerHTML = "<div style='10px 10px 10px 10px'></div>" ​ but WebKitShadowDOM is not defined. Hence no ShadowRoot is created and the rendering shouldn’t change. Also the inline style is not valid – there is no property name, for example. (In reply to comment #6) > Repro: > http://jsfiddle.net/XNNZw/ > > In this case, the keygen selector should have 10px margins for each direction. This repro has the same problems: it writes WebKitShadowDOM which is undefined, and the inline style is invalid. If I fix these problems: var sr = new WebKitShadowRoot(host); sr.innerHTML = "<div style='margin: 10px 10px 10px 10px'><shadow></shadow></div>" ​ then the div has 10px margins as expected. I’m going to close this again, I think this is working fine, the repros are invalid. 687727 9 shinyak 2012-08-05 20:15:39 -0700 It's my failure that I wrongly typed "new WebKitShadowDOM" instead of "new WebKitShadowRoot". Sorry for that. 687737 10 shinyak 2012-08-05 20:39:57 -0700 By the way, can you provide a layout test? 687738 11 shinyak 2012-08-05 20:42:07 -0700 OK... <keygen> does not provide any host special renderer... Great. In that case it's very easy to AuthorShadowDOM-ready. Then there is basically nothing to work for it.