Keyboard Navigation Broken

Hello @nick_thegeek,

Thank you for taking the time to explain the problem you are having.

We understand the inconvenience this has caused. We are aware of the issue and appreciate your patience. It appears that you are currently using QSM version 9.0.1. We recommend updating to our latest version, 9.0.5, which includes a fix specifically for this issue. This update should address the problem you’ve encountered.

We kindly request that you proceed with updating to the latest version and testing it again at your earliest convenience.

Should you need any assistance during this process or have any questions, please do not hesitate to reach out. We are committed to ensuring a seamless experience for you.

I look forward to your feedback.

Warm regards,
Sadiya

Hi @sadiyakhanam,

I believe I’ve encountered this as well on a personal project. I have a very simple contact form that asks for name and email. Below that are three questions that all have the drop down answer type.

The tab key cannot be used to navigate between form fields or answer choices.

I’m using the latest update which is v9.1.0. All plugins are deactivated, and the theme is Twenty Twenty-Three.

Could you check to see if you can replicate the issue?

Thank you!

Hello @dcoleonline,

It seems you are encountering a rare issue and we are here to help. Could you kindly share the website URL where you are experiencing this problem? This will allow us to better understand and address the situation.

If there is anything else we can assist you with, please do not hesitate to let us know

We look forward to your response.

Warm regards,
Sadiya

Hi @sadiyakhanam,

Here’s the test URL:

https://pmpd.mystagingwebsite.com/testing/

Thanks!

Hello @dcoleonline,

Thank you for sharing the quiz URL with us. After reviewing it, we’ve noticed that pagination isn’t currently set up. Our navigation feature works best with pagination, which allows users to smoothly navigate quiz pages and switch between questions.

To enhance your quiz experience, we offer two types of pagination options:

Manual Paging Setup: This allows you to manually assign questions to different pages, accommodating varying numbers of questions per page. Here’s how to set it up:

1. Navigate to the Questions tab.
2. Add your questions to page one.
3. To add more questions on a different page, click on “Create new page,” as displayed in the screenshot. https://snipboard.io/FdAt6B.jpg
4. Continue adding as many questions and pages as you like.
5. Remember to click on Save Questions to ensure your changes are saved.

Auto-paging Setup: If you prefer an automated approach, you can set the system to display a specific number of questions on each page. Here’s how to set it up:

1. Add all your questions to a single page in the test.
2. Click on the Options tab in your test editor.
3. Navigate to Display.
4. Under Question Preferences, set the number of questions you want to show on each page. https://snipboard.io/kv6GrM.jpg
5. The system will automatically organize the questions across multiple pages based on your settings.

Implementing either of these pagination methods will greatly enhance the functionality and usability of your quiz. If you need further assistance or have any questions, please don’t hesitate to reach out. We’re here to help!

Thank you for your attention to this matter.

Warm regards,
Sadiya

• This reply was modified 4 months, 1 week ago by sadiyakhanam.

Hi there @sadiyakhanam,

Thank you for the detailed response.

Here is a screenshot of my current manual pagination setup for the test quiz:

https://snipboard.io/O2KxzL.jpg

Since there are only three short questions, I don’t require multiple pages for this example.

In case it helps, this is what the Options tab looks like in my setup:

https://snipboard.io/o6g7lT.jpg

To give it another go, I’d like to provide another example.

Below, I’ve linked to a side-by-side screenshot of the www.ads-software.com login screen and my test quiz.

https://snipboard.io/1J9R7I.jpg

On the www.ads-software.com login screen, you can place the cursor into the Username/Email field and then press the tab key. This moves your cursor to the Password field. This is the same functionality that I’ve seen in a previous version of QSM, however it does not appear to be working any longer. It has been a few months since I last used the plugin. The OP’s GitHub link mentions the issue as of v9.0.1.

As shown in the above screenshot, I have a short contact form just before the quiz questions. Once the cursor is placed into the Name field, a press of the tab key does not move the cursor to the Email field.

The OP’s GitHub link mentions issues with the tab key as well. In the same way, it is no longer possible for me to select an answer for a question in my sample quiz, and then use the tab key to focus on the next question.

Given my example above, I’d expect to be able to do the following:

1. Fill out the Name field
2. Press tab to move the cursor to the Email field
3. Fill out the Email field
4. Press tab to move to question 1.
5. Use the keyboard to select an answer for question 1 (all of the answers are numbers, so pressing a number is what I did in a previous version of the plugin)
6. Press tab to move to the next question, and repeat until all of the questions are answered.

Hopefully this helps to better illustrate what I’m experiencing.

When I have used the auto or manual pagination with longer quizzes, the pagination functionality has worked for me.

The issue I’m experiencing appears to be separate from pagination, however. It is specifically about using the tab key to progress from one form field to the next, and from one drop-down question to the next.

Hello @dcoleonline,

Thank you for taking the time to share the screenshots and bring this issue to our attention. We truly appreciate your effort and understand the concern this has caused.

We’ve replicated the issue on our end and have informed our team for further investigation. Please be assured that resolving this is a priority for us. Your suggestions have also been noted and will be considered for our future releases. I will keep you updated on our progress.

Your satisfaction is our priority, and we are committed to delivering quality support to ensure you get the most out of our product.

Kind regards,
Sadiya

Hello, @dcoleonline @nick_thegeek,

I appreciate your patience as we worked on resolving the issue. We’re pleased to inform you that we have released a fix for the keyboard navigation issue in our latest QSM version, 9.1.1. Please update to the latest version and share your feedback with us.

If you need any further assistance, feel free to reach out. We’re here to help and ensure everything runs smoothly for you.

Kind regards,
Sadiya

Hi @dcoleonline @nick_thegeek ,

I hope this message finds you well.

As we have not received a response from you, we will proceed with marking this ticket as resolved. If you have any further questions or require additional assistance, please don’t hesitate to reach out. We will be happy to assist you.

Thank you for your time and attention.

Best regards,
Dhanush