hoomb
hoomb

Reputation: 686

Primefaces Slider doesn't stop moving with mouse

I've inserted a Primefaces Slider on my page with very basic settings, the problem is once I click on its button, it doesn't stop moving with mouse. it doesn't a matter where in the page the mouse pointer is. The Slider button follows the mouse position to right or left. does any body an idea how to solve the problem?

<h:outputLabel styleClass="form-label-top-right" for="area">Area:
<h:outputText id="output" value="#{formbean.selectedArea}"/> Km
<h:inputHidden id="area" value="#{formbean.selectedArea}" />
<p:slider animate="true" display="output" minValue="0" maxValue="15" step="3" id="areaSlider" for="area" style="margin-top:6px; cursor: pointer" />
</h:outputLabel>

Upvotes: 0

Views: 657

Answers (2)

hoomb
hoomb

Reputation: 686

Problem resolved. It was the "FireQuery" Plugin for FireFox which caused the problem. uninstalling that

Upvotes: 0

Ravi Kadaboina
Ravi Kadaboina

Reputation: 8574

I think it is the way you used h:outputLabel to contain these other tags not allowing the mouseup event to bubble up. Use a h:panelGrid with four columns instead.

For example:

<h:panelGrid columns="4">
    <h:outputLabel styleClass="form-label-top-right" for="output" value="Area:" />
    <h:panelGroup>
        <h:outputText id="output" value="#{formbean.selectedArea}"/>
        <h:outputText value="Km"/>
    </h:panelGroup>

        <h:inputHidden id="area" value="#{formbean.selectedArea}" />
        <p:slider animate="true" display="output" minValue="0" maxValue="15" step="3" id="areaSlider" for="area" style="margin-top:6px; cursor: pointer" />
</h:panelGrid>

Upvotes: 1

Related Questions