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

Wed Jul 20 02:40:23 EDT 2011

     [ https://issues.jboss.org/browse/RF-11104?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Brian Leathem updated RF-11104:
-------------------------------

    Fix Version/s: 4.1.0.Final


> 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.1.0.Final
>
>
> 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.
For more information on JIRA, see: http://www.atlassian.com/software/jira