Popover

Demo
Backendless

This is a component for Backendless UI-Builder designer based on the Popover library. The component allows you to render a popup window in your UI-Builder application.

Bohdan Vynarchuk
April 12, 2023

Hello @alexklein ,

We cannot reproduce this bug. Can you create a topic at https://support.backendless.com/ and attach steps to reproduce? Thanks

Alex Klein
April 11, 2023

To get around issue #2, we can add a small (200msec) delay before the popover is closed “on mouse out”, then the popover content can be clicked 😀

Stanislav Podlesnyi
July 31, 2023

Hello, @Egil Helland !

The same content is possible, when selected the same component (by id) in logic.

Try to change the chosen Popover in the component Action dropdown.

If it didn’t help you, please, create the Support topic on our support forum with steps to reproduce the issue.

Thank you, and happy Codeless Coding!

Alex Klein
April 12, 2023

Strange… now I cannot reproduce the bug either. So the component is working as expected — super useful component, thank you so much for creating it!

Egil Helland
July 29, 2023

When I am referencing more than 1 popover on the same page, they all seem to render the same content (the last one on the page). Is this a bug perhaps?

Bohdan Vynarchuk
April 11, 2023

Hello @alexklein ,

  1. If there is not enough space for the specified position to display the element, then the component automatically selects another valid position.

  2. This is a good idea for new features. We have created tasks to create a custom delay for the On Mouse Over Event & On Mouse Out Event. We also added a task to create a new event “Click outside the component”. Until new features are released, to solve your problem

(“if the popover content contains a button, when user tries to click the button, the popover content disappears before the button can be clicked”)

use “Set Is Open” Action where ‘is open’ = false” for “on click” event for button.

Alex Klein
April 11, 2023

Nice component — but it has bad bugs at the moment:

1) position is “right”, no matter what we select… seems the functionality of setting position to “bottom” or anything else is broken.

2) When setting the “on mouse out” event to close the popover, the popover content cannot be something the user can interact with. For example: if the popover content contains a button, when user tries to click the button, the popover content disappears before the button can be clicked. It would be very nice if the “on mouse out” event only triggers if user clicks OUTSIDE of the popover content, or AFTER a click on content inside the popover content occurs.

Alex Klein
April 11, 2023

Yes, I see the orientation of the popover changes when there is not enough room on the right… but when there is a lot of room in all directions, the orientation is always to the right. No matter what we select (top, bottom, left, right). Very easy to reproduce, do you not find this behaviour?