Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

allow event elements to be focused. if not, causes bootstrap popover malfunction

See original GitHub issue

Originally reported on Google Code with ID 2539

event not getting focused on clicking it because of that the bootstrap popover is not
working

https://github.com/twbs/bootstrap/issues/16749

actual functionality -- on click of event bootstrap popover should open and clicking
anywhere outside the popover should close

https://jsfiddle.net/kd7e2xpc/5/

but the event is not getting closed raised a bug in bootstrap they closed saying that
the div is not getting focused

Reported by aditya.tagirisa@healthgraph.in on 2015-07-02 12:44:22

Imported with 1 stars.

Issue Analytics

State:
Created 8 years ago
Reactions:1
Comments:5 (4 by maintainers)

Top GitHub Comments

1reaction

arshawcommented, Jun 5, 2016

I’ve modified your JSBin to get a little closer to the mark: https://jsfiddle.net/kd7e2xpc/23/

In it, I used eventRender instead of eventClick to avoid any event-lifecycle race conditions.

Still not working because fullcalendar fc-event elements seem unfocusable with the mouse. You can focus them with the keyboard as an experiment. Click somewhere on the page, they hit tab, and you’ll see the desired behavior.

The reason FC is swallowing the mouse focus is here: https://github.com/fullcalendar/fullcalendar/blob/master/src/common/Grid.events.js#L182 -> https://github.com/fullcalendar/fullcalendar/blob/master/src/common/DragListener.js#L57

0reactions

arshawcommented, Aug 31, 2021

@theit8514 thank you for posting a workaround.

I’ve created a new ticket that supersedes this one: https://github.com/fullcalendar/fullcalendar/issues/3364 ↑ Could you please visit the link, give a 👍 to vote (?), press the 🔈Subscribe button to receive updates?

Top Results From Across the Web

Popovers - Bootstrap

Use the focus trigger to dismiss popovers on the user's next click of a different element than the toggle element. Specific markup required...

Bootstrap popover focus not working - Stack Overflow

The focus trigger doesn't work because the focus/tab is not applied to the anchor tag you are trying to trigger.

Bootstrap Popovers - examples & tutorial

Bootstrap popover is a component which displays a box with a content after a click on an element - similar to the tooltip...

Popovers - Bootstrap - University of Houston

Invoking $(...).popover('show') when the target element is display: none; will cause the popover to be incorrectly positioned. Popovers on ...

Bootstrap Popover Plugin - W3Schools

Note: Popovers must be initialized with jQuery: select the specified element and call the popover() method. The following code will enable all popovers...