[richfaces-issues] [JBoss JIRA] (RF-11104) rich:inputNumberSlider slider position is affected by css position attribute of containing element

Tue Sep 4 08:41:33 EDT 2012

    [ https://issues.jboss.org/browse/RF-11104?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12715720#comment-12715720 ] 

Lukáš Fryč commented on RF-11104:
---------------------------------

Thanks guys for conceiving patch.

and Ken for creating a pull request.

The patch has been incorporated to {{develop}}.

> 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
>            Assignee: Ken Finnigan
>             Fix For: 4.2-Tracking, 4.3.0.Milestone2
>
>
> 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
For more information on JIRA, see: http://www.atlassian.com/software/jira