[Webkit-unassigned] [Bug 216985] New: <input type="datetime-local"> not show calendar UI when it's inside ShadowDOM

Fri Sep 25 12:21:23 PDT 2020

https://bugs.webkit.org/show_bug.cgi?id=216985

            Bug ID: 216985
           Summary: <input type="datetime-local"> not show calendar UI
                    when it's inside ShadowDOM
           Product: WebKit
           Version: Safari 14
          Hardware: iPhone / iPad
                OS: Other
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Forms
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: sobue at ischemaview.com
                CC: cdumez at apple.com, wenson_hsieh at apple.com

When `<input type="datetime-local">` is put inside ShadowDOM, iOS date time picker UI won't show up.
This bug is a regression from iOS 14. iOS 13.7 was showing date time picker.

```
<!DOCTYPE html>
<html>
  <head>
    <title>Safari datetime-local in ShadowDOM</title>
    <script>
      const template = document.createElement('template');
      template.innerHTML = `<input type="datetime-local">`;

      window.customElements.define('test-me', class TestMeElement extends HTMLElement {
        constructor() {
          super();
          const root = this.attachShadow({ mode: 'open'});
          root.appendChild(template.content.cloneNode(true));
        }
      });
    </script>
  </head>
  <body>
    Not in ShadowDOM : <input type="datetime-local"><br>
    Inside ShadowDOM : <test-me></test-me><br>
  </body>
</html>

```

Chrome v85 is showing calendar UI for both cases, either when `<input type="datetime-local">` is inside ShadowDOM or outside.
Mobile Safari in iOS13.7 shows calendar UI for both cases as well.

Mobile Safari in iOS 14.0 shows calendar UI when <input> is outside ShadowDOM but not when it's inside ShadowDOM.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20200925/19e3ca01/attachment-0001.htm>