Why does tooltip inside Timeline stop working after range change (Primefaces)?

Question

I create Primefaces timeline with many events. After move mouse on event display, show a toolpit with information about this event (car number). Everything works after show first time, whem timeline rage change it stops working. I do not know why?

Update components from bean. Update components with ajax update

<p:timeline id="timeline" value="#{schedulerControler.model}" var="event" varGroup="group" editable="true">
         <h:panelGroup id="myEvent" class="evenClassId#{event.id}">
            <h:outputText value="#{event.transportAsset.city}"/>
        </h:panelGroup>
        <p:ajax event="rangechanged" update="tooltipsPanel" listener="{schedulerControler.rangeChanged}"/>
</p:timeline>

<p:panel id="tooltipsPanel" >
      <ui:repeat value="#{schedulerControler.model.events}" var="varTooltip" >
                    <p:tooltip for="@(.evenClassId#{varTooltip.data.id})">
                        <h:outputText value="#{varTooltip.data.carNumber}"/>
                    </p:tooltip>
      </ui:repeat>
</p:panel>

No error messages.

Pf version? And how does the ajax response look like? Did you analyze it? — Kukeltje, Jul 26 '19 at 18:32
Pf version is 7.0. I chec Ajax response but did not found solution, ststus 200 no errors. — Eiten, Jul 26 '19 at 19:09

score 1 · Answer 1 · answered Jul 27 '19 at 12:22

Your issue is similar to this reported issue: https://github.com/primefaces/primefaces/issues/4770

The key is in this post: Jquery Event won't fire after ajax call

You need to bind your tooltip to the @body element until this can be fixed by PrimeFaces.

Why does tooltip inside Timeline stop working after range change (Primefaces)?

1 Answers1