Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

See original GitHub issue

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 😞

Issue Analytics

State:
Created 6 years ago
Comments:5 (1 by maintainers)

Top GitHub Comments

1reaction

johnleidercommented, Jul 23, 2017

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

0reactions

lock[bot]commented, Apr 14, 2019

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

Top Results From Across the Web

How to set Id of dynamic created layout? - Stack Overflow

You create an ids.xml file and place all your required ids in it as below <?xml version="1.0" encoding="utf-8"?> <resources> <item type="id" name="layout1" ...

Basic Features: Layouts - Next.js

This new directory has support for layouts, nested routes, and uses Server Components by default. Inside app/ , you can fetch data for...

LayoutComponent (JDA 5.0.0-beta.2 API)

Returns a new instance of this LayoutComponent with all components set to disabled. ... updateComponent(List<? extends LayoutComponent> layouts, String id, ...

Custom Theme Layouts and Theme Layout Components

Customize the layout's header and footer to match your company's style. Configure theme layout properties. Or use a custom search bar and user...

Dynamically adding Components - GoldenLayout

GoldenLayout makes it simple to turn any DOM element into a "dragSource" - which allows for the creation ... To enable it, simply...