Using: Visual Studio 2008, .NET Framework 3.0, AJAXControlToolkit 3.0.30930.0
I have created a popup menu per gridview row on a gridview using the HoverMenuExtender that shows the appropriate menu panel. This works appropriately under Firefox (current version) and IE (7&8) but under Safari and Chrome the menu will appear appropriately on the row in question until the main page is scrolled. If the vert. scrollbar is at a non-zero position, the popup menu for a particular gridview row will be offset in position by the main page scrolled amount. I.e. if the main page has been scrolled down by 20px, the popup menu generated by the hovermenuextender will be 20px higher in position than it should be.
This is a critical issue for me which may mean I'll have to stop using this approach completely
Comments: I have found a solution to this issue by placing the gridview in a div with a CSS position: relative. I then add a CSS on the HoverMenuExtender's TargetControlID (in my case it is an asp:label) and I give it a position: relative. Now that the gridview and the hovermenuextender have relative positions, whenever the page is scrolled the tooltip will always keep the position it should have. Note: I have my pages setup so only sections scroll rather than the entire page, I have not tested this fix on a page where the entire page scrolls (like this website). It is an annoying bug, and this isn't the best fix since relative positioning can cause other issues when you're trying to get things worked out just right, but it is another solition that doesn't require modifying the ajaxtoolkit source. Thanks.
I have created a popup menu per gridview row on a gridview using the HoverMenuExtender that shows the appropriate menu panel. This works appropriately under Firefox (current version) and IE (7&8) but under Safari and Chrome the menu will appear appropriately on the row in question until the main page is scrolled. If the vert. scrollbar is at a non-zero position, the popup menu for a particular gridview row will be offset in position by the main page scrolled amount. I.e. if the main page has been scrolled down by 20px, the popup menu generated by the hovermenuextender will be 20px higher in position than it should be.
This is a critical issue for me which may mean I'll have to stop using this approach completely
Comments: I have found a solution to this issue by placing the gridview in a div with a CSS position: relative. I then add a CSS on the HoverMenuExtender's TargetControlID (in my case it is an asp:label) and I give it a position: relative. Now that the gridview and the hovermenuextender have relative positions, whenever the page is scrolled the tooltip will always keep the position it should have. Note: I have my pages setup so only sections scroll rather than the entire page, I have not tested this fix on a page where the entire page scrolls (like this website). It is an annoying bug, and this isn't the best fix since relative positioning can cause other issues when you're trying to get things worked out just right, but it is another solition that doesn't require modifying the ajaxtoolkit source. Thanks.