Fancybox inside modal bootstrap, l can't change with keyboard because focus stay in back modal -

[saturnov]

[fancyapps]

Any demo?

[saturnov]

[saturnov]

[Bootstrap v5.0] l try to put inside modal of bootstrap and then call modal $('#staticBackdrop').modal('show'); Fancybox.bind('[data-fancybox="gallery1"]', { infinite: false, autoFocus: true, trapFocus : true, placeFocusBack : true, Thumbs: false, Carousel: { Dots: true, on: { change: (that) => { myCarousel.slideTo(that.page, { friction: 0 }); }, }, } });

[fancyapps]

Any live demo? Sorry, but I can not understand your issue, a live demo would help to identify the issue and to give a proper answer.

[saturnov]

https://jsfiddle.net/0dev_babilonia0/Lfq3brmj/4/

[saturnov]

In this case, how to place the modal fade of the starter strap behind, when the gallery is opened and the left and right directional keys work correctly.. pls l need help

[fancyapps]

But why do you use Bootstrap modal in the first place? Fancybox supports multiple open instances, so, you can use Fancybox to display modal with images and clicking them can open another Fancybox. Example - https://jsfiddle.net/c0td5461/