Attachment 373562 Details for Bug 199542 – Patch

[patch] Patch

bug-199542-20190705215113.patch (text/plain), 14.38 KB, created by zalan on 2019-07-05 21:51:19 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: zalan

Created: 2019-07-05 21:51:19 PDT

Size: 14.38 KB

patch

obsolete

>Subversion Revision: 247168
>diff --git a/Source/WebCore/ChangeLog b/Source/WebCore/ChangeLog
>index aeefe810691745fcb22580bbafc53d1866c78810..cae8710b1af1ce526558113afece9348f8b9b30b 100644
>--- a/Source/WebCore/ChangeLog
>+++ b/Source/WebCore/ChangeLog
>@@ -1,3 +1,30 @@
>+2019-07-05  Zalan Bujtas  <zalan@apple.com>
>+
>+        [ContentChangeObserver] Difficult to control videos on iqiyi.com as the actions are mouse hover
>+        https://bugs.webkit.org/show_bug.cgi?id=199542
>+        <rdar://problem/51886813>
>+
>+        Reviewed by NOBODY (OOPS!).
>+
>+        Decouple isVisuallyHidden and isConsideredVisible.Just because an element is not visually hidden (1px wide content)
>+        it is not necessarily qualified to be visible in the context of hover heuristic.
>+
>+        Tests: fast/events/touch/ios/content-observation/tap-on-1px-height-content.html
>+               fast/events/touch/ios/content-observation/tap-on-1px-width-content.html
>+
>+        * dom/Node.cpp:
>+        (WebCore::Node::defaultEventHandler):
>+        * page/ios/ContentChangeObserver.cpp:
>+        (WebCore::ContentChangeObserver::isVisuallyHidden):
>+        (WebCore::ContentChangeObserver::isConsideredVisible):
>+        (WebCore::ContentChangeObserver::didAddTransition):
>+        (WebCore::ContentChangeObserver::didFinishTransition):
>+        (WebCore::ContentChangeObserver::willDestroyRenderer):
>+        (WebCore::ContentChangeObserver::StyleChangeScope::StyleChangeScope):
>+        (WebCore::ContentChangeObserver::StyleChangeScope::~StyleChangeScope):
>+        (WebCore::ContentChangeObserver::isConsideredHidden): Deleted.
>+        * page/ios/ContentChangeObserver.h:
>+
> 2019-07-05  Youenn Fablet  <youenn@apple.com>
> 
>         [iOS] Local capture MediaStreamTrack does not render in portrait mode
>diff --git a/Source/WebKit/ChangeLog b/Source/WebKit/ChangeLog
>index ac2ecedfd155c32c15894f379b4e4e15b2daa00b..5b59d20b17b49d039ac9f0f1f34365d83f194035 100644
>--- a/Source/WebKit/ChangeLog
>+++ b/Source/WebKit/ChangeLog
>@@ -1,3 +1,14 @@
>+2019-07-05  Zalan Bujtas  <zalan@apple.com>
>+
>+        [ContentChangeObserver] Difficult to control videos on iqiyi.com as the actions are mouse hover
>+        https://bugs.webkit.org/show_bug.cgi?id=199542
>+        <rdar://problem/51886813>
>+
>+        Reviewed by NOBODY (OOPS!).
>+
>+        * WebProcess/WebPage/ios/WebPageIOS.mm:
>+        (WebKit::WebPage::handleSyntheticClick):
>+
> 2019-07-05  Zalan Bujtas  <zalan@apple.com>
> 
>         [ContentChangeObserver] REGRESSION (r247015): facebook photo/video upload button is unresponsive to user interaction.
>diff --git a/Source/WebCore/dom/Node.cpp b/Source/WebCore/dom/Node.cpp
>index 6534378a22f1324eb0e194138cc84e3450dc6a4f..5591a388830a8c3b7bca7b31d7a931102550148f 100644
>--- a/Source/WebCore/dom/Node.cpp
>+++ b/Source/WebCore/dom/Node.cpp
>@@ -2458,7 +2458,7 @@ void Node::defaultEventHandler(Event& event)
>         // Capture the target node's visibility state before dispatching touchStart.
>         if (is<Element>(*this) && eventType == eventNames().touchstartEvent) {
>             auto& contentChangeObserver = document().contentChangeObserver(); 
>-            if (ContentChangeObserver::isConsideredHidden(*this))
>+            if (ContentChangeObserver::isVisuallyHidden(*this))
>                 contentChangeObserver.setHiddenTouchTarget(downcast<Element>(*this));
>             else
>                 contentChangeObserver.resetHiddenTouchTarget();
>diff --git a/Source/WebCore/page/ios/ContentChangeObserver.cpp b/Source/WebCore/page/ios/ContentChangeObserver.cpp
>index 2862e5c5722a04cda2b35f83fbc76d6b54e5adf4..8eb047e32b6ebd9d3c00474e316ded39d2e46fa3 100644
>--- a/Source/WebCore/page/ios/ContentChangeObserver.cpp
>+++ b/Source/WebCore/page/ios/ContentChangeObserver.cpp
>@@ -43,7 +43,7 @@ namespace WebCore {
> static const Seconds maximumDelayForTimers { 400_ms };
> static const Seconds maximumDelayForTransitions { 300_ms };
> 
>-bool ContentChangeObserver::isConsideredHidden(const Node& node)
>+bool ContentChangeObserver::isVisuallyHidden(const Node& node)
> {
>     if (!node.renderStyle())
>         return true;
>@@ -91,6 +91,24 @@ bool ContentChangeObserver::isConsideredHidden(const Node& node)
>     return false;
> }
> 
>+bool ContentChangeObserver::isConsideredVisible(const Node& node)
>+{
>+    if (isVisuallyHidden(node))
>+        return false;
>+
>+    auto& style = *node.renderStyle();
>+    auto width = style.logicalWidth();
>+    // 1px width or height content is not considered visible.
>+    if (width.isFixed() && width.value() <= 1)
>+        return false;
>+
>+    auto height = style.logicalHeight();
>+    if (height.isFixed() && height.value() <= 1)
>+        return false;
>+
>+    return true;
>+}
>+
> enum class ElementHadRenderer { No, Yes };
> static bool isConsideredClickable(const Element& newlyVisibleElement, ElementHadRenderer hadRenderer)
> {
>@@ -175,7 +193,7 @@ void ContentChangeObserver::didAddTransition(const Element& element, const Anima
>     auto transitionEnd = Seconds { transition.duration() + std::max<double>(0, transition.isDelaySet() ? transition.delay() : 0) };
>     if (transitionEnd > maximumDelayForTransitions)
>         return;
>-    if (!isConsideredHidden(element))
>+    if (!isVisuallyHidden(element))
>         return;
>     // In case of multiple transitions, the first tranistion wins (and it has to produce a visible content change in order to show up as hover).
>     if (m_elementsWithTransition.contains(&element))
>@@ -198,7 +216,7 @@ void ContentChangeObserver::didFinishTransition(const Element& element, CSSPrope
>     callOnMainThread([weakThis = makeWeakPtr(*this), targetElement = makeWeakPtr(element)] {
>         if (!weakThis || !targetElement)
>             return;
>-        if (isConsideredHidden(*targetElement)) {
>+        if (isVisuallyHidden(*targetElement)) {
>             weakThis->adjustObservedState(Event::EndedTransitionButFinalStyleIsNotDefiniteYet);
>             return;
>         }
>@@ -362,7 +380,7 @@ void ContentChangeObserver::willDestroyRenderer(const Element& element)
>         return;
>     LOG_WITH_STREAM(ContentObservation, stream << "willDestroyRenderer element: " << &element);
> 
>-    if (!isConsideredHidden(element))
>+    if (!isVisuallyHidden(element))
>         m_elementsWithDestroyedVisibleRenderer.add(&element);
> }
> 
>@@ -558,13 +576,13 @@ ContentChangeObserver::StyleChangeScope::StyleChangeScope(Document& document, co
>     , m_hadRenderer(element.renderer())
> {
>     if (m_contentChangeObserver.shouldObserveVisibilityChangeForElement(element))
>-        m_wasHidden = isConsideredHidden(m_element);
>+        m_wasHidden = isVisuallyHidden(m_element);
> }
> 
> ContentChangeObserver::StyleChangeScope::~StyleChangeScope()
> {
>     auto changedFromHiddenToVisible = [&] {
>-        return m_wasHidden && !isConsideredHidden(m_element);
>+        return m_wasHidden && isConsideredVisible(m_element);
>     };
> 
>     if (changedFromHiddenToVisible() && isConsideredClickable(m_element, m_hadRenderer ? ElementHadRenderer::Yes : ElementHadRenderer::No))
>diff --git a/Source/WebCore/page/ios/ContentChangeObserver.h b/Source/WebCore/page/ios/ContentChangeObserver.h
>index 722740417b2d163bb8cd0ed8a2d54b147e52a2be..8526af8be9add4684fa9f673b3b84c86c3a57f8b 100644
>--- a/Source/WebCore/page/ios/ContentChangeObserver.h
>+++ b/Source/WebCore/page/ios/ContentChangeObserver.h
>@@ -49,7 +49,8 @@ public:
> 
>     WEBCORE_EXPORT void startContentObservationForDuration(Seconds duration);
>     WKContentChange observedContentChange() const { return m_observedContentState; }
>-    WEBCORE_EXPORT static bool isConsideredHidden(const Node&);
>+    WEBCORE_EXPORT static bool isConsideredVisible(const Node&);
>+    static bool isVisuallyHidden(const Node&);
> 
>     void didInstallDOMTimer(const DOMTimer&, Seconds timeout, bool singleShot);
>     void didRemoveDOMTimer(const DOMTimer&);
>diff --git a/Source/WebKit/WebProcess/WebPage/ios/WebPageIOS.mm b/Source/WebKit/WebProcess/WebPage/ios/WebPageIOS.mm
>index 1da5fdc37cd167bcaae3ea0f331deb3a30ecd8d6..f08db9e21f41fcecf7fac6b1fea7c2d66d94cf1e 100644
>--- a/Source/WebKit/WebProcess/WebPage/ios/WebPageIOS.mm
>+++ b/Source/WebKit/WebProcess/WebPage/ios/WebPageIOS.mm
>@@ -669,7 +669,7 @@ void WebPage::handleSyntheticClick(Node& nodeRespondingToClick, const WebCore::F
> 
>     auto& respondingDocument = nodeRespondingToClick.document();
>     auto& contentChangeObserver = respondingDocument.contentChangeObserver();
>-    auto targetNodeWentFromHiddenToVisible = contentChangeObserver.hiddenTouchTarget() == &nodeRespondingToClick && !ContentChangeObserver::isConsideredHidden(nodeRespondingToClick);
>+    auto targetNodeWentFromHiddenToVisible = contentChangeObserver.hiddenTouchTarget() == &nodeRespondingToClick && ContentChangeObserver::isConsideredVisible(nodeRespondingToClick);
>     {
>         LOG_WITH_STREAM(ContentObservation, stream << "handleSyntheticClick: node(" << &nodeRespondingToClick << ") " << location);
>         ContentChangeObserver::MouseMovedScope observingScope(respondingDocument);
>diff --git a/LayoutTests/ChangeLog b/LayoutTests/ChangeLog
>index 13e7f1a618e838f46d315303c98750f3156a2fbe..47212b0fd65d6a277c994afde490749f5f21071a 100644
>--- a/LayoutTests/ChangeLog
>+++ b/LayoutTests/ChangeLog
>@@ -1,3 +1,16 @@
>+2019-07-05  Zalan Bujtas  <zalan@apple.com>
>+
>+        [ContentChangeObserver] Difficult to control videos on iqiyi.com as the actions are mouse hover
>+        https://bugs.webkit.org/show_bug.cgi?id=199542
>+        <rdar://problem/51886813>
>+
>+        Reviewed by NOBODY (OOPS!).
>+
>+        * fast/events/touch/ios/content-observation/tap-on-1px-height-content-expected.txt: Added.
>+        * fast/events/touch/ios/content-observation/tap-on-1px-height-content.html: Added.
>+        * fast/events/touch/ios/content-observation/tap-on-1px-width-content-expected.txt: Added.
>+        * fast/events/touch/ios/content-observation/tap-on-1px-width-content.html: Added.
>+
> 2019-07-05  Zalan Bujtas  <zalan@apple.com>
> 
>         [ContentChangeObserver] REGRESSION (r247015): facebook photo/video upload button is unresponsive to user interaction.
>diff --git a/LayoutTests/fast/events/touch/ios/content-observation/tap-on-1px-height-content-expected.txt b/LayoutTests/fast/events/touch/ios/content-observation/tap-on-1px-height-content-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..677e3a31e4d27593aa94dbd637a453af8ceddd78
>--- /dev/null
>+++ b/LayoutTests/fast/events/touch/ios/content-observation/tap-on-1px-height-content-expected.txt
>@@ -0,0 +1,2 @@
>+PASS if 'clicked' text is shown below.
>+clicked
>diff --git a/LayoutTests/fast/events/touch/ios/content-observation/tap-on-1px-height-content.html b/LayoutTests/fast/events/touch/ios/content-observation/tap-on-1px-height-content.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..c3cc8b3b5334fc02df994fb27acfd49085130ee7
>--- /dev/null
>+++ b/LayoutTests/fast/events/touch/ios/content-observation/tap-on-1px-height-content.html
>@@ -0,0 +1,54 @@
>+<!DOCTYPE html>
>+<html>
>+<head>
>+<title>This tests the case when visible content change happens on mouseover but the newly visible (and clickable) content is too small.</title>
>+<script src="../../../../../resources/ui-helper.js"></script>
>+<style>
>+#tapthis {
>+    width: 400px;
>+    height: 400px;
>+    border: 1px solid green;
>+}
>+
>+#becomesVisible {
>+    display: none;
>+    width: 10px;
>+    height: 1px;
>+    background-color: green;
>+}
>+</style>
>+<script>
>+async function test() {
>+    if (!window.testRunner || !testRunner.runUIScript)
>+        return;
>+    if (window.internals)
>+        internals.settings.setContentChangeObserverEnabled(true);
>+
>+    testRunner.waitUntilDone();
>+    testRunner.dumpAsText();
>+
>+    await UIHelper.activateElement(tapThis);
>+}
>+</script>
>+</head>
>+<body onload="test()">
>+<div id=tapthis>PASS if 'clicked' text is shown below.</div>
>+<div id=becomesVisible></div>
>+<pre id=result></pre>
>+<script>
>+tapthis.addEventListener("mouseover", function( event ) {
>+    becomesVisible.style.display = "block";
>+}, false);
>+
>+becomesVisible.addEventListener("click", function( event ) {
>+    result.innerHTML = "clicked hidden";
>+}, false);
>+
>+tapthis.addEventListener("click", function( event ) {   
>+    result.innerHTML = "clicked";
>+    if (window.testRunner)
>+        testRunner.notifyDone();
>+}, false);
>+</script>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/events/touch/ios/content-observation/tap-on-1px-width-content-expected.txt b/LayoutTests/fast/events/touch/ios/content-observation/tap-on-1px-width-content-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..677e3a31e4d27593aa94dbd637a453af8ceddd78
>--- /dev/null
>+++ b/LayoutTests/fast/events/touch/ios/content-observation/tap-on-1px-width-content-expected.txt
>@@ -0,0 +1,2 @@
>+PASS if 'clicked' text is shown below.
>+clicked
>diff --git a/LayoutTests/fast/events/touch/ios/content-observation/tap-on-1px-width-content.html b/LayoutTests/fast/events/touch/ios/content-observation/tap-on-1px-width-content.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..82deaaacd5e249cbe2cdf825efb59ff522b31f5e
>--- /dev/null
>+++ b/LayoutTests/fast/events/touch/ios/content-observation/tap-on-1px-width-content.html
>@@ -0,0 +1,54 @@
>+<!DOCTYPE html>
>+<html>
>+<head>
>+<title>This tests the case when visible content change happens on mouseover but the newly visible (and clickable) content is too small.</title>
>+<script src="../../../../../resources/ui-helper.js"></script>
>+<style>
>+#tapthis {
>+    width: 400px;
>+    height: 400px;
>+    border: 1px solid green;
>+}
>+
>+#becomesVisible {
>+    display: none;
>+    width: 1px;
>+    height: 10px;
>+    background-color: green;
>+}
>+</style>
>+<script>
>+async function test() {
>+    if (!window.testRunner || !testRunner.runUIScript)
>+        return;
>+    if (window.internals)
>+        internals.settings.setContentChangeObserverEnabled(true);
>+
>+    testRunner.waitUntilDone();
>+    testRunner.dumpAsText();
>+
>+    await UIHelper.activateElement(tapThis);
>+}
>+</script>
>+</head>
>+<body onload="test()">
>+<div id=tapthis>PASS if 'clicked' text is shown below.</div>
>+<div id=becomesVisible></div>
>+<pre id=result></pre>
>+<script>
>+tapthis.addEventListener("mouseover", function( event ) {
>+    becomesVisible.style.display = "block";
>+}, false);
>+
>+becomesVisible.addEventListener("click", function( event ) {
>+    result.innerHTML = "clicked hidden";
>+}, false);
>+
>+tapthis.addEventListener("click", function( event ) {   
>+    result.innerHTML = "clicked";
>+    if (window.testRunner)
>+        testRunner.notifyDone();
>+}, false);
>+</script>
>+</body>
>+</html>

Actions: View | Formatted Diff | Diff

Attachments on bug 199542: 373562 | 373563 | 373596