Skip to content

[Bug Report] v-text-field in list lacks bottom border #3847

@rlipenta-hc

Description

@rlipenta-hc

Versions and Environment

Vuetify: 1.0.14
Vue: 2.5.16
Browsers: Chrome 65.0.3325.181
OS: Windows 8.1

Steps to reproduce

Creating a form that is similar to Google Contacts Add Contact form embedded within a dialog. Using a list to enable optional icons to the left, and optional actions to the right or each form element. View reproduction link example to see dialog and form.

Expected Behavior

Expect the v-text-field to include its underline border when contained within a list embedded in a dialog.

Actual Behavior

Lacks the underline border

Reproduction Link

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

Other comments

Also, alignment of the form element is shown below the action icon and button. This is worked around using "pt-3" on the list actions.

Metadata

Metadata

Assignees

No one assigned

    Labels

    T: bugFunctionality that does not work as intended/expected

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions