@steve7 did you do what @emmanuel suggested above?
Please if you did and youāre still having issues kindly file a bug report.
Sorry to anyone thatās encountering this problem, unfortunately there is nothing I can do as the plugin developer with these kind of issues. If bubble wants me to make any changes to the plugin code to avoid this in the future Iām happy to do it, but for now Iām helpless.
I think he means in your bubble editor go to the that has the air date time picker and refresh the page in thr browser.
Or maybe just close your bubble editor and re-open the application editor again and go to the editor page with date/time picker.
Iām currently working on a project that would benefit from these improvements(workflow actions). However I can live without them for now.
Just checking with you about your availability to work on them. Not pressuring Just want to know if we are talking about days, weeks or months.That is if you even have a target date.
I just want to know if I should postpone as much as possible the parts where I would benefit from your changes or if I should implement workarounds.
@seanhoots My default date picker sits in a group that shows a popup on click. The date picker works even though the group is clickable.
Your picker sits in there the same way but when I click the picker, the popup shows instead of only the picker. Would you happen to know a workaround (except for removing it from that group). Thanks!
Sorry, I guess it was late when I wrote that. I cant do a screenrecord now, but let me try again:
I have a group in the RG. When that group is clicked, a popup opens that displays the data for that cell. But that doesnt really matter for this issue.
The issue is that the air picker is also in that group. but where the default picker is able to be operated (click to show calendar, select date etc), the air picker gets overridden (is that even a wordā¦) by the click of the group that it all sits in.
So when clicking the air picker, the picker closes immediately and the popup opens where the default picker still works.
if Iām still not clear, Iāll record my screen tonight.
no i can pick it, but then immediately the popup is shown which is a result of the group being clicked (where the picker sits in). The picker then hides again.
Ah, got it. So the click action is triggering both the air picker AND the group, which is obviously undesirable as the group event launches a pop-up, obscuring the air picker.
Hey @vincent56, Iāve taken a look at the example you sent and i understand what is going on.
What youāre experiencing is due to how event propagation works in javascript.
Specifically what is happening here is called event bubbling.
Here is a simple test. Assuming you had a page in bubble like the image below where each rectangular color is a group. Then you created a workflow action on the click of the blue group to show a popup. The yellow and white groups do not have any workflow events defined on them.
If a user clicks on the yellow or the white group, should the popup show?
If you answered No, youāre wrong. In this case the click event workflow even though it was defined for only the blue group will be fired when the yellow or white groups are clicked.
This is called event bubbling.
In javascript most events (e.g clicks) bubble () from innermost elements to the outermost ones unless you stop it. Event bubbling is something that may be desirable or not depending on the specific use case.
So in the above example when the yellow group receives a click event it propagates it to the white and the white propagates to the blue and the blueās workflow action is triggered since we defined a workflow for click event for it.
So in your specific case you can think of the yellow group as a the air date picker. Because you have defined workflow for the background group and because for whatever reason, the picker doesnāt stop the click event propagation, it triggers both its own calendar and also bubbles the event down to the containing group.
But lets say in the above example we had defined a workflow for the white group, even if the workflow didnāt have any action, the click event on the yellow group will not propagate to the blue because it seems Bubble stops event propagation when you define a workflow for on click of a group.
If i managed to explain this well to you i think you now have an idea how to avoid your problem.
Just put the picker inside a group then in the workflow page define a new workflow event for when the group is clicked. Donāt add any action, this is enough to stop the event from bubbling downwards.
Now you may be asking why the default date picker doesnāt behave this way. This is because the picker might be stopping event propagation somehow.
There may be a reason or not why the library that the air date picker is based on doesnāt stop event propagation. I could add code to stop this but unless i know exactly why it wasnāt done in the first place iām reluctant to modify the code.
Here is a very nice article and simple article on javascript event propagation for you or anyone who may be interested.
Yep @jarrad youāre right.
Just took a quick look at the bubbleās date picker code and they stop event bubbling in several cases.
Here is an example code from the pickerās library
// On focus/click, open the picker.
on( 'focus.' + STATE.id + ' click.' + STATE.id, function(event) {
event.preventDefault()
P.open()
})
Its a great little method the only issue is when you come across something you really want it to work right withā¦ bubbleās for daysā¦ its good for things like swapping what keys actually fire when a key is pressed.