How can I solve this? Is it possible?

[MateoCaicedoW]

I made a dropdown inside of nodeContent function but, when it is displayed it looks like this. How can I get it overlay to the other nodes?

[bumbeishvili]

@MateoCaicedoW

If you can somehow get access to the wrapper dom element, you can invoke d3.select(element).raise() and it should fix that issue

[MateoCaicedoW]

Thanks for answering. Could you give me an example?

[bumbeishvili]

In your place, I'd probably listen to a mouse enter events for a .node-foreign-object-div

Let me know if it works

chart.onNodeUpdate(function()=>{
  d3.select(this).select('.node-foreign-object-div')
    .on('mouseenter.hover',d=>{  // named events won't cause performance burden 
        d3.select(this).raise()
    })
})

[MateoCaicedoW]

Thanks, it works, but the drop-down list should be scrolling but, when I try to scroll it, the zoom doesn't allow it.

[bumbeishvili]

Not exactly sure how to help there. I am guessing you need somehow to catch the scrolling event for dropdown and don't bubble up

[MateoCaicedoW]

how could I make the zoom not apply to the list?