[Webkit-unassigned] [Bug 233917] New: HTML elements with tiny scales are rendered but not clickable.

[bugzilla-daemon at webkit.org]

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

            Bug ID: 233917
           Summary: HTML elements with tiny scales are rendered but not
                    clickable.
           Product: WebKit
           Version: Safari 15
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: michael.herzog at human-interactive.org

The three.js project provides a renderer for representing simple 3D scenes via HTML/CSS by using properties like "transform" or "perspective".

A user reported us that small scaled HTML elements are correctly rendered but it's not possible to receive pointer events when attaching event listeners (see https://github.com/mrdoob/three.js/issues/22964).

I've isolated the issue in a small HTML/CSS only live example: https://jsfiddle.net/9yposagq/2/

You have to find the small red rectangle in the viewport first. Latest Chrome or Firefox detect a click on the rectangle but not Safari.

The transformation matrix used in the demo is: matrix3d(0.002, 0, 0, 0, 0, 0.002, 0, 0, 0, 0, 0.002, 0, 0, 0, 0, 1);

Interesetingly, if you slightly increase 0.002 to 0.003, the problems disappears. It seems there is some sort of treshold or rounding in place.

-- 
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/20211207/77ad7ec2/attachment.htm>