Issue T11330
Visible to All Users

On Tab Key to a file upload cell, focus border isn't appearing(on file choose button)

created 2 years ago

Clipboard-File-1.png

Hi Team,

As per image, on pressing tab the focus is not appearing on to choose file button.

Please refer to the react plunker attached for eg.

https://plnkr.co/edit/GOq40dXEFXRZKe6K

Could you please have a look on priority.

Thanks,
Jitendra Kumar

Comments (1)

    Hello,

    Thank you for the report. We'll add this task to our short list - we'll check what's wrong and update this thread as soon as we'll have any results.

    Thanks, Serge
    SurveyJS Team

    Answers approved by surveyjs Support

    created 2 years ago

    Hello,

    We released 1.9.61 and made it better.
    I checked the new plunker - https://plnkr.co/edit/dYS3HD3W9YFqcEFU
    Focus frame on "Choose file" appeared on th 3rd Tab press, as expected.

    Thank you,
    Alex
    SurveyJS Team

      created 2 years ago

      Hello,

      This issue can be fixed next release in this pull request: https://github.com/surveyjs/survey-library/pull/5276
      If you can use latest version of SurveyJS it could be the best option.

      Will it be possible for you to upgrade to next release 1.9.60?

      Thank you,
      Alex
      SurveyJS Team

        Other Answers

        created 2 years ago

        Hi Team,

        Thanks for the quick resolution, on which date version 1.9.60 will be available?

          Show previous comments (2)

            Hello,

            It works now!
            For default theme it works out of the box.
            For modern theme you need to set outline for the button:

            CSS
            .sv-root-modern .sv-btn:focus { outline: 2px solid black; }

            https://plnkr.co/edit/xd8MyFDb3XXDfITh

            Thank you,
            Alex
            SurveyJS Team

            JK JK
            Jitendra Kumar 2 years ago

              Clipboard-File-1.png

              Hi Alex,

              In the plunker provided, i have attached and image, there the 2nd tab highlighted, we are not expecting, it should go directly to the 3rd highlighted tab.

                Hello,

                Thank you for the feedback!
                You are right, "Choose file" is not focused on the 3rd tab, only on 4th. There is hidden element in markup that recieves focus… We are fixing this issue right now (https://github.com/surveyjs/survey-library/pull/5295)) . We will inform you when the fix is ready.

                Thank you,
                Alex
                SurveyJS Team