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

Thu Aug 23 19:39:15 EDT 2012

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

Alexandre Mendonça commented on RF-11104:
-----------------------------------------

I have also faced this issue while testing the showcase in a portal environment. The above suggested fix worked nicely.

> 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