I was playing with z-index
attributes in css files but I wasn't able to fix the problem. Today I found a zIndex
attribute for modals in js which seems to do the job:
var modal = new Y.Modal({
bodyContent: 'Modal body',
centered: true,
headerContent: '<h3>Modal header</h3>',
modal: true,
render: '#modal',
zIndex: 1100,
width: 450
}).render();