Uploaded image for project: 'RichFaces'
  1. RichFaces
  2. RF-11104

rich:inputNumberSlider slider position is affected by css position attribute of containing element

    Details

      Description

      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:

      <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>
      

        Gliffy Diagrams

          Attachments

            Issue Links

              Activity

                People

                • Assignee:
                  kenfinni Ken Finnigan
                  Reporter:
                  kldavis4 Kelly Davis
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  5 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved: