Premium support for our pure JavaScript UI components


Post by gorakh.nath »

Hi team,
When using the timespanHighlight feature, it highlights the timespan correctly. However, after rendering the page, the highlight appears on alternate times instead of on drag and drop.
To reproduce the issue , re-render the page by adding :-

   eventDragReset(source) {
                            unHighlighTimeSpan();
                            setRefreshPage(!refreshPage);
                        }

I have attached a screenshot, video, and sample app for your reference. Could you please suggest a solution to fix the issue where the highlight appears on alternate times instead of every drag and drop?

Attachments
highlightTimeSpan.mov
(5.23 MiB) Downloaded 23 times
Screenshot 2023-03-01 at 3.42.23 PM.png
Screenshot 2023-03-01 at 3.42.23 PM.png (560.76 KiB) Viewed 447 times
timeSpanhighlight.zip
(2.92 MiB) Downloaded 20 times

Post by mats »

What does setRefreshPage(!refreshPage); do?


Post by gorakh.nath »

I added setRefreshPage to update the state and trigger a rerender of the page in order to reproduce the issue.


Post by mats »

Can you please post the code for that method here?


Post by gorakh.nath »

I already attached the sample application.


Post by mats »

Yes, but please attach the relevant code of the setRefreshPage here.


Post by marcio »

Hey gorakh.nath,

After a quick overview, that looks like some issue that needs a deeper investigation and could be a bug. I created a ticket for our team to check that and fix if needed - https://github.com/bryntum/support/issues/6277

Best regards,
Márcio


Post by saki »


Post by gorakh.nath »

I changed the way we are passing listeners and initialise it by using useState as mentioned here https://github.com/bryntum/support/issues/6277#issuecomment-1451514367 , however I am still getting the same issue in my local application.


Post by mats »

Please provide an updated full test case that we can inspect.


Post Reply