jQWidgets Forums

This topic contains 3 replies, has 2 voices, and was last updated by Peter Stoev 11 years, 3 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Tabindex problems Posts

March 14, 2014 at 11:21 am Tabindex problems #51046

nico

Participant

I’ve seen that your tabindex strategy has some bugs.
A framework has not to set tabindex without a developer need,
and you cannot set many times the same tabindex number in page!

This bug destroy any tabindex strategy built in page.

An Example for jqWidget version 3.2.1

    <script type="text/ecmascript">
        $(document).ready(function () {
            var settings = {
                theme: 'artic',
                width: '100%',
                expandMode: 'multiple',
                expandedIndexes: [1]
            };
            jQuery("#nav1").jqxNavigationBar(settings);
            jQuery("#nav2").jqxNavigationBar(settings);
        });
    </script>

    <body class='default'>
        <input type="text" tabindex="1" id="text1"/>
        <input type="text" tabindex="2" id="text2"/>
        <div id="nav1">
            <div tabindex="3">Navigation Bar 1</div>
            <div>Lorem ipsum dolor sit amet.</div>
        </div>
        <div id="nav2">
            <div tabindex="4">Navigation Bar 2</div>
            <div>Lorem ipsum dolor sit amet.</div>
        </div>
    </body>

This code creates this situation:


<input tabindex="1" /> // mine
<input tabindex="2" /> // mine
<div id="nav1">        // mine navigation bar div
    <div tabindex="1">       // Yours. I didn't request this tabindex
        <div tabindex="3" /> // mine title div
        <div />
    </div>
    <div tabindex="2" />     // mine content div but you applied tabindex automatically!
</div>
<div id="nav2">        // mine navigation bar div
    <div tabindex="1">       // Yours. I didn't request this tabindex
        <div tabindex="4" /> // mine title div
        <div />
    </div>
    <div tabindex="2" />     // mine content div but you applied tabindex automatically!
</div>

What solution do you propose to this situation?
Thank you

Nico

March 14, 2014 at 11:37 am Tabindex problems #51048

Peter Stoev

Keymaster

Hi Nico,

Thank you for the information. Yes, we set the “tabindex” and we do it on purpose. Unfortunately, we cannot provide a solution which does not set “tabindex”. “tabindex” is required for keyboard navigation and is especially useful in case of DIV tags in Chrome & FF to get Focus.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

March 14, 2014 at 11:43 am Tabindex problems #51050

nico

Participant

But if I want to setup my personal keyboard navigation to my page?
Why do you setup the same tabindex priority many times?

This is a completely wrong strategy.
Please try to use my example page and give me some feedback.
Do you really think this strategy is well formatted?

Nico

March 14, 2014 at 11:51 am Tabindex problems #51051

Peter Stoev

Keymaster

Hi Nico,

That is how our widget works. I am sorry that it does not fit to your expectations.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.