On SharePoint 2013, I have a XSLT web part that uses the ECB menu on items displayed. However, I can also reproduce this on a OOTB document library web part, when the view is set to "Newsletter, no lines", which causes it to use the "classic"
drop down ECB menu.
If the web part has a specific hight specified (say 300 pixels), when the ECB menu is displayed, it is displayed inside the scrolling area of the web part, and part of the ECB menu can be obscured if you open it on an item at the bottom of the scroll area.
In previous versions of SharePoint (i.e. 2007), the ECB menu was always visible, even if the web part had a height specified.
I believe the basic reason is that the 2013 ECB div has "overflow: auto" specified as an inline CSS style, and it needs "overflow: visible".
I need a way (perhaps through jquery?) to modify the ECB div - is there a hook or method to know when the ECB menu has been rendered? It seems to by dynamically created, so the div cannot be accessed until after it is created. Or is there another idea
about how to get this attribute set?
BTW, to reproduce this, find a doc lib that has several docs in it. Create a view with the style "Newsletter, no lines". Drop that doc lib web part on a page and use that view. Also specify a height for the web part of something like 300 pixels.
Then hover of a doc near the bottom of the web part and drop down the ECB menu - you will need to scroll the web part to see all the ECB menu options. In previous versions, this displayed the ECB menu overlapping other content on the page so it was always
visible.