[Webkit-unassigned] [Bug 149826] New: Input type="range" inside of SVG element with transform:translate has invalid thumb offset

[bugzilla-daemon at webkit.org]

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

            Bug ID: 149826
           Summary: Input type="range" inside of SVG element with
                    transform:translate has invalid thumb offset
    Classification: Unclassified
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Unspecified
                OS: Mac OS X 10.11
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: SVG
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: me at andrewray.me
                CC: zimmermann at kde.org

An input type="range" element inside an svg element that has a transform:translate set has an invalid thumb position on drag. Specifically the thumb does not take into account the x offset of the transform. You can view that here:

http://codepen.io/andrewray/pen/RWVGZL

You can also see in the CodePen that it does not apply to CSS elements. This bug appears to affect Chrome and Safari but not Firefox.

Related StackOverflow question: http://stackoverflow.com/questions/32960248/svg-transformtranslate-breaks-input-range-offset

There's another bug https://bugs.webkit.org/show_bug.cgi?id=22109 with a similar title but on further inspection it's not related to this case.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20151006/839d6ae0/attachment-0001.html>