We've identified that text entry fields that are added to a slide using Storyline 360 do not register if the user enters a value and then immediately clicks a Submit button when using a mobile device. In order to get the value to register, the user needs to click outside the text entry field before clicking the Submit button. On a MAC or PC, the text entry value does register when the Submit button is clicked. Does anyone know of any workarounds, other than to provide instructions at the start of the course?

Hi All, I have a work around for the issue above. Add an Execute JavaScript trigger to your Submit button (before all other Submit button triggers fire) and run the following JS: document.activeElement.blur(); This will remove the focus from the active text entry field (closing the mobile keyboard) and therefore commit the text entry to the associated variable prior to the Submit button assessing correct/incorrect.

Hello folks, We are currently experiencing a similar issue as the original post of this thread. The Issue on Mobile Devices:By default in the latest Storyline program when you create a Text input box it automatically creates and assigns a variable and registers its value when the object loses focus. When you use a text entry object in Articulate Storyline, the text you type in the field does not get registered until the field loses focus. That means you need to click outside the field (for example, on a button) to make the the text entry field losing its focus. We are reading mixed messages in forums of some users blaming the Keyboard after iOS13,and others are saying it is a bug with Storyline that has not been resolved. We know for a fact this issue was not present in the June 19, 2018 (Build 3.17.16117.0) because we had our courses QC and iPad issues were not there. We are currently using V 3.38.24 as of 21-4-12. Our main issue now is the Mobile keyboard is always active, when you tap outside the field we can't get the Save+next button to lose focus. We are testing on iPad using the latest iOS. This does not happen on Desktop. Solution: We currently have a solution that involves JavaScript. What we do is add one extra line after publishing the files (We already reference to JQuery in our index lms) <script src="/client/name/businessPlan/js/jquery-3.2.1.min.js"></script> It’s using JavaScript and jQuery (therefore, it won’t work in the mobile app AMP). It only works on HTML5 JS Code will be placed in your Master slide/Your theme slide, it will not effect anything else: var p = GetPlayer(); var placeHolderText;$(":input").each(function() {var place = $(this).attr('placeholder');if (place !== undefined){ placeHolderText = place.split("|"); if (placeHolderText.length==2){ $(this).data('bd_place',placeHolderText[0]); $(this).attr('placeholder',placeHolderText[1]); $(this).bind('input propertychange', function() {p.SetVar($(this).data("bd_place"),$(this).val());});}} }); This also helps you to monitor what the user is typing letter by letter. This is the screen inside Storyline. It has the intro text. The text entry field. The placeholder text inside the field is important. Normally, it’s just what you want the user to see as a hint. This time, it contains two pieces of information, divided by “|”. The first part is the name of the Storyline variable (in this case, answer), the second is the actual text you want to display for the user. answer|[Type your text here] or answer|[Escriba su texto aquí] The program will remove the Storyline variable name in our case "answer", so the user won’t see it. However, when the user types in the field, the program will update this variable instantly. 2nd solution not tested: Execute JavaScript trigger to run at timeline start: $(function() {$("input").keyup(function() {$(this).blur();$(this).focus();});}); Basically it causes the active input element to lose focus very briefly after every keystroke, thereby activating the "control loses focus" trigger, to which you can attach any action you like on a case-by-case basis. Resources: https://community.articulate.com/discussions/articulate-storyline/entry-text-without-losing-focus https://www.rabbitoreg.com/2018/04/22/articulate-storyline-text-entry-without-losing-focus/

Hi there Lu, Thanks for sharing your findings here. I've heard of a similar issue in Storyline 2, but I haven't seen this reported for Storyline 360. I'm going to do some testing, and I'll come back when I have more information!

Hi Lu, Thanks for your patience. I created a test file and uploaded it to SCORM Cloud for testing, and it seems to work as expected on mobile devices. Here's a link to the file for you to test, as well. I'm interested to see if your file is set up differently than mine. Are you able to share it here in the forums?

Hi Alyssa, thank you for the follow-up. I did some research and created a scenario similar to the course we launched that has caused the mobile issues and tickets. It appears that it's the closing of the keyboard that sets the value. If a manual submit button is added (not on player) to the slide and triggered with variables and that button is clicked before closing the keyboard on the iPad, the value isn't set. I loaded a 2 slide course into SCORM Cloud to show this. The first includes a text entry that is built with variables around the submit button (no quiz slide). If you click Submit before closing the keyboard, the value doesn't register. The second slide is one built with the convert to freeform text entry and uses a Submit button in the player. This slide works fine, likely because the keyboard has to be closed to access submit arrow. https://cloud.scorm.com/sc/InvitationConfirmEmail?publicInvitationId=6577ce54-21c6-474d-8b0e-6fa06bafd52e I assume this is expected functionality of the iPad. We can add a starter explanation slide to the course to explain the need to close the keyboard before submitting. Thanks so much for your help. Lu

Text Entry fields not setting when control loses focus in mobile devices (Storyline 360)

84 Replies

LeslieMcKerchie
Staff
9 years ago
Hello Charlie!

What version of Storyline are you utilizing? It looks like we weren't able to re-create many of the issues listed above, so please feel free to share your .story file if you'd like us to take a look.
- CharlieSeminara
  Community Member
  9 years ago
  I'm using Storyline 360. I uploaded the course through SCORM cloud. This issue was replicated on both an iPad 2 and an Android Galaxy s3. This issue occurs on mobile devices, not on a desktop computer.
  
  My issue is exactly the same as described in the original post by Lu. In order to get the value to register for a text-entry, the user needs to tap outside the text entry field before tapping the Submit button. As described above, it seems that the device's keyboard has to be closed first, and the only way for the user to do that is to touch anywhere outside of the text-entry area.
LuPost
Community Member
9 years ago
For me, it was Storyline 360. I have a course in a post above in which the issue was able to be reproduced by Alyssa.
LeslieMcKerchie
Staff
9 years ago
Thanks Lu. I apologize for any confusion. Looks like you are still subscribed to this thread, so you will see subsequent responses. I was reaching out to Charlie and I think you may have gotten that notification :)
LuPost
Community Member
9 years ago
Yes, Leslie, thank you. I just wanted to make sure you had seen my experience with the issue.
LeslieMcKerchie
Staff
9 years ago
Thanks Lu :)
AlyssaGomez
Staff
9 years ago
Hi Charlie,

You're exactly correct. It looks like the user has to close the mobile keyboard by tapping "Done" or tapping outside the text-entry area in order for the text entry value to be set.

Our team is reviewing this behavior, and you're in the right place to stay updated. We'll post any new information we get right here in this thread. Thanks for checking in!
TimoRaaska-2691
Community Member
9 years ago
Any news here? We are having same problems with text entry fields.
LeslieMcKerchie
Staff
9 years ago
Hello Timo and welcome to E-Learning Heroes :)

Sorry to hear that this issue is affecting you as well, but thank you for chiming in to let us know. We are tracking user impact for this issue as this helps us prioritize.

This article is helpful in understanding how we tackle bugs.
TimoRaaska-2691
Community Member
9 years ago
I tested a bit more and it seems to be that text entry field does not get "lostfocus" rigth. For example i have slide with one text entry field and one button - and i put buttonclick event to check if text entry field is blank. So it should be that when i enter some text and then click the button .. the text entry should loose focus when i click button ... but it does not at first click. Next click on button does the trick. So bug i would say.
LeslieMcKerchie
Staff
9 years ago
Thanks for the additional information Timo. I'll add this to the report as well.

Forum Discussion

Text Entry fields not setting when control loses focus in mobile devices (Storyline 360)

84 Replies

Related Content

Accessible Video Controls in Storyline

Customize the Player Settings in Storyline

Setting Your Slide Size in Storyline

Customizing the Theme and Course Settings

Storyline 360: Setting Storyline Options

Learn

Connect

Discover

Community

Company

Trust Center