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.

Feature request: Right-justify the content and label of a <v-text-field>

See original GitHub issue

Most financial software have a need for numeric/currency text fields. Those text fields are by convention right-justified. Today that seems impossible to fix easily with Vuetify without resorting to overriding the style

Example: <v-text-field v-model="withdrawal" label="Withdrawal" justify-right />

Issue Analytics

State:
Created 6 years ago
Reactions:6
Comments:13 (3 by maintainers)

Top GitHub Comments

6reactions

valpetcommented, Jun 10, 2018

This feature request and #4006 are not duplicates. #4006 requests having the label moved to the left, outside of the textfield.

I want the text of the underlying input field right justified, aligned to the right-side border of the input field. For esthetic purposes, the label should align to the same side. This is what it looks like now:

This is how I want it to look like:

Adding a text-align: right to the component as suggested do not solve the issue. It needs to be done on the underlying input field but I am not happy about having to override the styles of the components myself as that may lead to maintenance issues further down the road.

I checked out #3531 but could not quite determine if that would help me. I tried adding right as an attribute to my component but that did nothing. I’m on version 1.0.18

5reactions

ihteshamqazicommented, Mar 23, 2019

Is there any update on this issue.