Tabbing between text entry fields does not select contents

Tabbing between text entry fields in most instances selects the contents of the field so the user can immediately begin typing and replace the old text with new text. In SL360 published module, the cursor is instead placed at the END of the contents, so the user either has to ctrl+A to select the contents, or backspace, or use their mouse.  This is a pain when you have a number of fields for them to fill in. See the examples below. (I think this is a new issue in SL360, because I think it worked correctly in SL3)

This first gif shows how I expect tabbing to work, and how it works in updating a user profile on E-Learning Heroes:

Tab behaviour on most web pages/forms 

This second gif shows how tabbing works in a published SL360 module:

Tab behaviour on SL360 published module

3 Replies
Terry Bell

If you want a form that has the normal tabbing behaviour, it can be done using a web object. I have attached a simple example. It uses 3 Storyline variables: FormField1, FormField2, FormField3. It displays the initial value of the fields when the form loads, and can be used to update the fields as well.

You'll notice that the first two fields (name, email) are selected as you tab to them (normal html form behaviour). But the third field is a 'textarea', so your cursor is actually placed at the end of the text, allowing you to append to it. (which is what ALL fields do in Storyline 3 & 360)

I hope this helps someone - if you have questions, please post them here and I'll try to help, or maybe someone who IS an expert can help.  I am not a javascript expert, so if you know what you're doing, I'm sure it could be improved. I used w3schools, MDN, and other resources to cobble this together.