How to remove tabindex on whole div?

Question

I have this :

<div class="glass">
<input />
<input />
<select>
<option>aaaa</option>
</select>
</div>
<input />

What i want is to remove div with glass class from tabing that is cloned, so when i do tab it skip that div. Any suggestion ?

Im doing clone element :

 this.background = jQuery(this.content.nativeElement).clone()
        .addClass('glass').removeAttr('tabindex');

Possible duplicate of [How to ignore HTML element from tabindex?](https://stackoverflow.com/questions/5192859/how-to-ignore-html-element-from-tabindex) — Andreas, Aug 02 '17 at 09:42
can you provide a working example with https://jsfiddle.net/ or the internal code editor ? in general a div is not focused on tab. if you want the inputs to be ignored you should add `.find(':input')` before setting the tabindex to negative — fehrlich, Aug 02 '17 at 09:48

score 1 · Answer 1 · answered Aug 02 '17 at 09:42

1

based on the w3c specs, the tabindex should be set to a negative value. Your code should look like this:

 this.background = jQuery(this.content.nativeElement).clone()
    .addClass('glass').prop('tabindex', -1);

answered Aug 02 '17 at 09:42

fehrlich

its not working...it still goes in cloned element with tab – None Aug 02 '17 at 09:43

1 Answers1