Setting id="some_element_id" on a v-layout component just adds id to the list of classes

[roblav96]

Steps to reproduce

Create an element like so:

<v-layout column id="sbar_table_container" class="flex-1 scroll-y"></v-layout>

Versions

├── vue@2.4.1
├── vuetify@0.14.5

What is expected ?

<div id="sbar_table_container" class="layout column flex-1 scroll-y"></div>

What is actually happening ?

<div class="layout column flex-1 scroll-y id"></div>

The component is removing the id attribute all together and adding id to the class list.

Reproduction Link

Please provide a template to a reproduction link, sorry I'm not familiar with making a jsfiddle from scratch 😞

[capttrousers]

This is also affect v-flex, not sure if the fix addresses that too. Here's a codepen demonstrating it:

https://codepen.io/anon/pen/vJYLLX

[johnleider]

The fix was applied to all grid components, container, layout, flex and spacer.

[nocrates]

@johnleider Would this fix also address "data-id" or other data attributes? I have seen the same problem, where the "data-id" attribute ends up rendered as part of the class instead of a separate attribute.

[adi-zz]

@nocrates - no (see #3673)

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord