React Client and missing inline attributes and CSS styles
0
Hi Everyone! I'm trying to solve the problem with Focus visible and tabbing order in a clean Mendix 10 app with default Atlas_TopBar Layout. If we set React Client = NO in app settings, we will have in the code <div class="mx-navigationtree mx-name-navigationTree1" tabindex="-1" aria-hidden="true" data-focusindex="-1"> <ul role="menu"> <li class="" role="none">... If we set React Client = YES, it will look like: <div class="mx-navigationtree mx-name-navigationTree1" tabindex="-1"> The lack of data-focusindex="-1" will make the menu items focusable from the keyboard when they shouldn't be. Because Mendix uses data-focusindex to manage the focus order. Additionally while we set React Client = YES we miss inline CSS values like height in scroll-container. It should be <div class="mx-scrollcontainer-wrapper" style="height: 872px;"> which can lead to rendering problems in the application when we upgrade it from version 9 to 10 and want to have React Client enabled. Has anyone noticed this? Do you think this is correct behavior or bug?