In my application, when I have got an modal window with tab navigation enabled for all the fields. When I am working with chrome, the navigation works fine but when i try it in IE, when i press on tab from the last field, instead of going to the first field, the control goes to the address bar. Does anyone know how to rectify this issue? Is it possible to set next-navigable-item on items?
Look into tabIndex.
Related
I'm having an issue with Windows Narrator on Edge where if I have a combo box (dropdown) inside a panel (modal), opening combo box starts announcing title of the tab. This issue is specific to Edge and Narrator. NVDA on Edge or Narrator on Chrome doesn't seem to recreate the issue.
My guess was to check if role attribute is causing the issue, and I'm assuming here that it does. When I set panel's role attribute to anything other than dialog or alertdialog, the issue seems to be fixed, although other browsers break where they do not start reading panel after opening it.
I'm sure this is not the solution.
Codepen link: https://codepen.io/lalit-umbarkar-msft/pen/rNWoYze
On my website, and seeimingly on every page on the internet that I'm searching on this problem exists, and I am wondering if anyone has a solution to this.
If a website has a navbar at the top, then you click your cursor on a textbox, scroll down on the page so the textbox is out of view. Start typing and the page will scroll back to the tetbox that you are typing on, except the navbar will be blocking the actual text, there is no offset to account for that navbar height.
Here it is in action on w3schools.com for example:
https://www.w3schools.com/html/html_forms.asp
I have set my cursor to the "Last name:" field.
Now I scroll down so the field is out of view.
Now start typing again. You will see the website scroll back to the field so it can be in view at the top of the page. But note that the navbar at the top is blocking it.
This is prevalent all over the internet. w3schools for example and even facebook.
Has anyone every noticed and solved this issue? I don't even know where to start.
This is a screenshot if you put a Menu on a StringField:
This is a screenshot if you put a Tooltip on a StringField:
This is a screenshot if you put a Menu and a Tooltip on a StringField:
the (i) icon from the tooltip is the button to open the menu list.
the tooltip text is not visible.
Did I miss something?
Is this a known issue?
Yes, this is a known issue. If a tooltip and a menu are provided, a combined popup should be shown including the tooltip text and the menu items. But this has not been implemented yet. Feel free to open a bug.
However, if you only have one action you could set the property hasAction to true instead of using a menu. This will bring up a clickable arrow inside the field, actually intended to follow a link or open the email client. But you could also use it for any other action as well, just implement execAction. Please note that this feature is only available for string fields so far.
StringField with hasAction=true:
Using the dialog and adding different form elements.
My dropdowns will not stay open when you click the arrow button on the dialog. You can HOLD down the button, but the click just shows the options and then it disappears.
Anyone seen this?
http://jsfiddle.net/tvance929/7pvb6/ -- This is an example of what I doing in a small measure... however, unfortunately this isn't displaying the issue I am experiencing. I'm guessing it has something to do with the fact that I am ajax'ing in info to the dropdowns and or adding extra styling...
I have a display problem when I try to use a ajax combobox inside a tab control:
when my tab control loads on the page where the combobox is, everything works fine; however, if it loads on a another page, the you change to the page which contains the combobox, the right button (which opens the list of the combobox) isn't displayed at all.
Has someone been through this behavior? And maybe found a solution ?
Thanks in advance !
Use Firebug in FireFox (this tool is very good if you dont use it) and right-click the area where your drop arrow should be, then select "Inspect Element". At the bottom of your browser screen, you will see a couple windows. One window will detail teh styles being applied to the arrow area.
Look for a style that is making visibility of either a <td> or <img> to be hidden. The Ajax ComboBox control, sadly, is laid out in a table.