[richfaces-issues] [JBoss JIRA] (RF-11104) rich:inputNumberSlider slider position is affected by css position attribute of containing element
[
https://issues.jboss.org/browse/RF-11104?page=com.atlassian.jira.plugin.s...
]
Yuriy Pogorzhelskiy commented on RF-11104:
------------------------------------------
Bug in inputNumberSlider.js
It seems fix is as simple as changing next line in
inputNumberSlider.js#__mousemoveHandler
var value = this.range * (event.pageX - this.track.position().left - this.handle.width() /
2) / (this.track.width()
to:
var value = this.range * (event.pageX - this.track.offset().left - this.handle.width() /
2) / (this.track.width()
rich:inputNumberSlider slider position is affected by css position
attribute of containing element
--------------------------------------------------------------------------------------------------
Key: RF-11104
URL: https://issues.jboss.org/browse/RF-11104
Project: RichFaces
Issue Type: Bug
Security Level: Public(Everyone can see)
Components: component-input
Affects Versions: 4.0.0.Final
Environment: Chrome/Firefox on Mac
Reporter: Kelly Davis
Fix For: 4.Future
The slider position is offset by the same amount that the the containing element is
offset from the left side of the page. Here is some example code:
{code:borderStyle=solid}
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://pontiflex.com/pontiflex"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich">
<h:head>
</h:head>
<h:body>
<h2>Working Version</h2>
<div>
<rich:inputNumberSlider value="50"/>
</div>
<h2>Relative Position Version</h2>
<div style="position:relative;margin-left:50px;">
<rich:inputNumberSlider value="50"/>
</div>
<h2>Absolutly Positioned Version</h2>
<div style="position:relative;height:100px;">
<div style="position:absolute;width:200px;left:100px;">
<rich:inputNumberSlider value="50"/>
</div>
</div>
</h:body>
</html>
{code}
--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators:
https://issues.jboss.org/secure/ContactAdministrators!default.jspa
For more information on JIRA, see: http://www.atlassian.com/software/jira