nested scrollable elemete

[sanafathii]

I have offcanvas in my page that scrolled and in offcanvas I have a select option that scroll too but when in offcanvas use PerfectScrollbar select option doesn't scroll . how can I fix it .

it's my js code :
let slice = Array.prototype.slice.call(document.querySelectorAll("*")).filter(
e => e.scrollHeight > e.offsetHeight
);

let elements = slice.filter(e => {
var style = window.getComputedStyle(e);
return [style.overflow, style.overflowX, style.overflowY].some(
e => e === "auto" || e === "scroll"
);
});
if (elements.length) {
elements.forEach(e => { new PerfectScrollbar(e, { wheelPropagation: true }); });
}

[Shigure92]

Please try setting offcanvas an a container to your select via attribute. If it doesn't help I suggest posting your question in our dedicated support forum: https://mdbootstrap.com/support/cat/standard/
Please create working example that recreates behavior you experience using Create snippet button. That will let us address your issue.