--- /dev/null
+<!DOCTYPE html>
+<html>
+<head>
+<script src="../../js/resources/js-test-pre.js"></script>
+<style>
+input::before {
+ content: "lorem ipsum";
+ display: inline-block;
+ height: 20px;
+ background-color: red;
+}
+</style>
+</head>
+<body>
+<p id="description">Clicking middle of input type=range with padding should set the value to middle.</p>
+<div id="console"></div>
+<input id="input" type=range min=0 max=1000 step=1 value="0" style="width: 100px; padding: 0 20px;">
+<script>
+var input = document.getElementById("input");
+function clickSlider(offsetLeft) {
+ var centerY = input.offsetTop + input.offsetHeight / 2;
+ eventSender.mouseMoveTo(input.offsetLeft + offsetLeft, centerY);
+ eventSender.mouseDown();
+ eventSender.mouseUp();
+}
+
+clickSlider(70); // left padding (20px) + middle (50px)
+shouldBe('input.value', '"500"');
+
+</script>
+
+<script src="../../js/resources/js-test-post.js"></script>
+</body>
+</html>
return toSliderThumbElement(thumb);
}
+HTMLElement* sliderTrackElementOf(Node* node)
+{
+ ASSERT(node);
+ ShadowRoot* shadow = node->toInputElement()->userAgentShadowRoot();
+ ASSERT(shadow);
+ Node* track = shadow->firstChild()->firstChild();
+ ASSERT(track);
+ return toHTMLElement(track);
+}
+
// --------------------------------
RenderSliderThumb::RenderSliderThumb(Node* node)
void SliderThumbElement::setPositionFromPoint(const LayoutPoint& point)
{
HTMLInputElement* input = hostInput();
+ HTMLElement* trackElement = sliderTrackElementOf(input);
- if (!input->renderer() || !renderer())
+ if (!input->renderer() || !renderer() || !trackElement->renderer())
return;
input->setTextAsOfLastFormControlChangeEvent(input->value());
// FIXME: This should probably respect transforms.
LayoutPoint absoluteThumbOrigin = renderBox()->absoluteBoundingBoxRectIgnoringTransforms().location();
LayoutPoint absoluteSliderContentOrigin = roundedLayoutPoint(input->renderer()->localToAbsolute());
+ IntRect trackBoundingBox = trackElement->renderer()->absoluteBoundingBoxRectIgnoringTransforms();
+ IntRect inputBoundingBox = input->renderer()->absoluteBoundingBoxRectIgnoringTransforms();
if (isVertical) {
- trackSize = input->renderBox()->contentHeight() - renderBox()->height();
- position = offset.y() - renderBox()->height() / 2;
+ trackSize = trackElement->renderBox()->contentHeight();
+ position = offset.y() - renderBox()->height() / 2 - trackBoundingBox.y() + inputBoundingBox.y();
currentPosition = absoluteThumbOrigin.y() - absoluteSliderContentOrigin.y();
} else {
- trackSize = input->renderBox()->contentWidth() - renderBox()->width();
- position = offset.x() - renderBox()->width() / 2;
+ trackSize = trackElement->renderBox()->contentWidth();
+ position = offset.x() - renderBox()->width() / 2 - trackBoundingBox.x() + inputBoundingBox.x();
currentPosition = absoluteThumbOrigin.x() - absoluteSliderContentOrigin.x();
}
position = max<LayoutUnit>(0, min(position, trackSize));