Hi,
C#<dx:ASPxMenu ID="ASPxMenuSite" runat="server" AccessibilityCompliant="True" EnableSubMenuScrolling="True">
Please see attached;
What do I set to stop this behavior of the scrollbar overlaying the text.
Regards,
ASPxMenu - Submenu's vertical scrollbar overlaps a menu item text
Answers approved by DevExpress Support
We have fixed the issue described in this ticket and will include the fix in our next maintenance update. To apply this solution before the official update, request a hotfix by clicking the corresponding link for product versions you require.
Note: Hotfixes may be unavailable for beta versions and updates that are about to be released.
- v15.2.4Download Official Update
- v15.1.8Download Official Update
Hello James,
I managed to reproduce the issue only after I added a script causing a JS error (please see http://screencast.com/t/4SkGoL3N2D). In fact, the vertical scrollbar is displayed in this case because the JavaScript error aborts the correct initialization of ASPxMenu on the client side. Would you please test the modified project with the incorrect script and without it to see if the issue persists and let me know of your results?
I recommend you check the client code and solve all JavaScript errors that occur when the page is loaded. It is necessary for the correct initialization of ASPxMenu (and other DevExpress controls if they are present on a page). The error seems to occur in third-party code. So, I cannot provide you with any certain recommendations. However, if you send me a test project for research, I will be happy to assist you with this issue.
Show previous comments
(1)
JM
9 years ago
Hi Nastya
I have attached another video where the only change is removing the theme.
Notice how IT WORKS (yay yay).
Story problem,
If a picture is worth a thousand words and a user sends you 2 pictures and a thousand words how many words did it take to fix the problem?
It is all good, I would deny everything too if I had to process insurance claims…
Regards,
Hello James,
Thank you for the additional information and informative screencasts. Indeed, one of my colleagues managed to reproduce the issue on his computer testing the project without adding any JS errors. I forwarded this ticket to our developers for further investigation. We will contact you as soon as we have any results.
In the meantime, I suggest that you try a workaround. Define the following CSS rule to avoid displaying the vertical scrollbar:
CSS.dxm-scrollArea {
-ms-overflow-style: none !important;
}
Please let me know if this workaround helps you.
Hello James,
Would you please clarify whether this appearance of the scrollbar is default? It looks very unusual in comparison with the example from the SubMenu - Scrolling demo.
If you can give me any additional information about how such a result can be achieved, I will be very grateful, because now I cannot reproduce such appearance on my side. Would you please modify my small sample to demonstrate this?
Hi Nastya,
Not sure what else to tell you, after all a picture is "worth a thousand words"
"Discharge Placement Plan" notice how the scroll bar overlaps the "N" in plan.
How, as in HOW, do I prevent this from happening without just setting a fixed item width.
The control should be SMART enough to not do this.
Regards,
The issue clearly demonstrates the result. However, such an effect may be caused by different factors. To solve this issue in your scenario, I need to determine its real cause. I created my own sample, but could not reproduce the same issue in my sample (see the attached screenshot). I need to clearly see how you customized the ASPxMenu in your project to reproduce and research the same issue on my side. For this purpose, I requested the details.
Hi Vlad,
Other than adding some items with no styling this is it.
<dx:ASPxMenu ID="ASPxMenuSite" runat="server" AccessibilityCompliant="True" EnableSubMenuScrolling="True">
<ItemStyle Height="24px" Wrap="True" />
on for 2 volumes)
Regards,
Hi Nastya,
I modified your example to reproduce the problem.
windows 8.1 ie 11
Control works until the untested theme Aqua is applied.
***We use the theme globally but broken is broken so it probably does not matter where it is applied.
***fixate on the longest text please.
Regards,
<dx:ASPxMenu ID="Menu1" runat="server" AccessibilityCompliant="true" EnableSubMenuScrolling="true" Theme="Aqua">
<Items>
<dx:MenuItem Text="Item1">
<Items>
<dx:MenuItem Text="SubItem1 SubItem1"></dx:MenuItem>
<dx:MenuItem Text="SubItem2 SubItem1"></dx:MenuItem>
<dx:MenuItem Text="SubItem3 SubItem1"></dx:MenuItem>
<dx:MenuItem Text="SubItem4 SubItem1 SubItem1"></dx:MenuItem>
<dx:MenuItem Text="SubItem5 SubItem1"></dx:MenuItem>
<dx:MenuItem Text="SubItem6 SubItem1"></dx:MenuItem>
<dx:MenuItem Text="SubItem7 SubItem1"></dx:MenuItem>
<dx:MenuItem Text="SubItem8 SubItem1"></dx:MenuItem>
<dx:MenuItem Text="SubItem9 SubItem1"></dx:MenuItem>
</Items>
</dx:MenuItem>
</Items>
</dx:ASPxMenu>
Hi,
When saving that last comment I got a script error, probably something else that was not tested on IE 11
Attached is a screenshot of the script error.
If you cannot reproduce this try testing on IE 11
Regards,