Dropdown selection with keyboard not working correctly

[srsaikumarreddy]

Hi,

I have a use case where , on selection of values from dropdown will lead to
population of other fields.

This works fine when I select values with mouse-click. It fails if I select
values from keyboard.

Ex:* Dropdown Values :* Kelvin, Fahrenheit , Celsius.
*Use Case *:If I select Celsius , an additional field called "Value"
should be generated with Units C.
* Issue*: If I select Celsius (using direction arrows or by typing C in
the dropdown), then if I tab out or press enter ,Units C is appearing,
but immediately changing to K.

This issue doesn't occur if I select with mouse-click.

I'm using Orbeon Forms 2016.1.201604200701 CE.

Please help.

Regards,
Sai

--
Sent from: http://discuss.orbeon.com/

[Alessandro Vernet]

Hi Sai,

I am not sure to understand what is happening. Could you share with me
screenshots of what the UI looks like before and after the selection, and
this using the mouse vs. the keyboard (so 4 screenshots)?

Also, if you get a chance, could try that form with Orbeon Forms 2019.1,
just to see if the situation is different with that version?

‑Alex

-----
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet

[srsaikumarreddy]

Hi,

Below is the image before selecting any value from dropdown.
<http://discuss.orbeon.com/file/t375780/noexc.png>

Success Scenario using Mouse Click: If I select Kelvin in dropdown, "Values"
field generated with Units "K".
<http://discuss.orbeon.com/file/t375780/K.png>

Success Scenario using Mouse Click:If I select Celsius in dropdown, "Values"
field generated with Units "C".
<http://discuss.orbeon.com/file/t375780/C.png>

Error Case : Instead of K for Kelvin, C is displayed. This happens when I
select dropdown value using Keyboard by

1)Tabbing
2)Direction Keys
3) Typing Initial letter K in dropdown, so focus goes to Kelvin & is
selected through "Enter" button.

<http://discuss.orbeon.com/file/t375780/Errorcase.png>

This issue happens consistently. *In error case ,what I noticed is the value
K is displayed , which then changes to C. *

Im allowed to use only 2016 CE Orbeon forms.

Please guide.

Regards,
Sai

[srsaikumarreddy]

Hi ,

This is my view before selecting any value from the temperature type
dropdown.
<http://discuss.orbeon.com/file/t375780/noexc.png>

Suppose I select Kelvin from the drop down, then there is a "Values" field
generated with Unit "K" as shown below.
<http://discuss.orbeon.com/file/t375780/K.png>

Suppose I select Celsius from the drop down, then there is a "Values" field
generated with Unit "C" as shown below.
<http://discuss.orbeon.com/file/t375780/C.png>

Everything works fine if i select the dropdown value through mouse click.
But if i select the dropdown values using keyboard by
1)Tabbing + direction arrows
2)Type the initial letter C, so that Celsius is automatically chosen.
3)Direction arrows
then there comes the issue . (Instead of K, values is showing C ).



<http://discuss.orbeon.com/file/t375780/Errorcase.png>



This issue happens only when i use keyboard.* The value K is displayed for a
period of 2-3 seconds,then changes to C.* It happens on a regular basis.

I cannot use Orbeon 2019 forms as per project requirement.

Please suggest what to do.

Regards,
Sai

[Alessandro Vernet]

Hi Sai,

Got it, so you're on Orbeon Forms CE 2016.x, and I see what your form does
in the screenshots. I'm not aware of any issue of this nature, but there is
maybe something that we missed.

1. First, does it work if after making the selection with the keyboard, you
hit tab to switch to another control?
2. If not, could you share with me a subset of your form, that I could run
locally to reproduce the problem?
3. Finally, does it only happens with a certain browser, or does it also
happen with, say, Chrome?

‑Alex

-----
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet

[Alessandro Vernet]

Hi Sai,

Have you tried hitting tab after making the selection? Does that update
which control is shown? If not, would you be able to share with me a minimal
example that I can use to reproduce the issue?