Dropdownmenu submenu are not navigating on enter keyprees

Hi All,

I m using Outsystem11 Traditional web.

I m facing issue when i try to navigate my page with keyboard from my top navigation links having sub menus on enter keypress it closes submenus without redirecting to other page.

For menus i m using dropdown menus widget.

it would be great if anyone can help me on this,


Thanks

Ashi

Hi, friend!

Can you provide the .oml or link?

Lenon Manhães wrote:

Hi, friend!

Can you provide the .oml or link?

Hi ,

Url: https://adhoke.outsystemscloud.com/Navigation/Sample.aspx?_ts=637243634095569300


Thanks



Hi, Ashi.

I tried to replicate the issue in my environment and the same happens here. I think that happens because the clickable item inside the dropdown list are links.

My sugestion is: replace these links by buttons with navigate method and this issue won't happen anymore. Made some tests and tell me what happens. Worked here.

I can create a special CSS class to make the buttons look  exactly like the current link inside the dropdown, in case you don't know how to.



Put this CSS inside the menu block and the buttons might look like the links.

.Button,
.btn {
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
    background-color: var(--color-neutral-0)!important;
    color: black!important;
    display: -ms-inline-flexbox!important;
    display: -webkit-inline-box!important;
    display: inline-flex!important;
    font-weight: normal!important;
    border: none!important;
    padding: 10px!important;
    font-style: normal!important;
}

Remember to set the IsDefault attribute to 'No'.

Best regards!

Hi Lenon ,

No i cannot use button as i have to follow accessibility constraint and outsystem renders the button control as input tag so we need to fix it with a tag only.

Thanks