Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report] v-btn absolute left right not working #7948

Closed
anthonykirkham opened this issue Jul 24, 2019 · 6 comments
Closed

[Bug Report] v-btn absolute left right not working #7948

anthonykirkham opened this issue Jul 24, 2019 · 6 comments
Assignees
Labels
T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke
Milestone

Comments

@anthonykirkham
Copy link

Environment

Vuetify Version: 2.0.0
Last working version: 1.5.16
Vue Version: 2.6.10
Browsers: Chrome 75.0.3770.142
OS: Windows 10

Steps to reproduce

Apply the 'absolute' and 'right' props to a v-btn element

Expected Behavior

When applying 'absolute' and 'right' props the v-btn it positions absolutely to the right in a supported component; eg: v-card-title

Actual Behavior

v-btn will be placed absolutely, however not positioned.

Reproduction Link

https://codepen.io/anthonykirkham/pen/oKxBvV

@ghost ghost added the S: triage label Jul 24, 2019
@louis-morgan
Copy link

same issue for me, it seems the right: 16px; is only applied if the button has v-btn--fab class present. Should probably be in the docs for buttons

@anthonykirkham
Copy link
Author

Cool, the classes all look to be getting applied to the component property, just that the positioning classes don't exist as they did previously in the stylesheet.

@anthonykirkham
Copy link
Author

As an update, it appears all positioning props don't have an associated css class; top, right, bottom, left.

@louis-morgan
Copy link

Yeah I found that too, I've had to use custom css, quite annoying really, thought it was an adequate feature for a button

@lorro
Copy link

lorro commented Jul 26, 2019

Has this been done on purpose, or is a bug that will be fixed in the near future?
I'm having issues too with this after migrating to Vuetify 2.0

@anthonykirkham
Copy link
Author

It's easily fixed with a few classes, I've just done so until this ticket closes.

@johnleider johnleider self-assigned this Jul 27, 2019
@johnleider johnleider added T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke and removed S: triage labels Jul 27, 2019
@johnleider johnleider added this to the v2.0.x milestone Jul 27, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke
Projects
None yet
Development

No branches or pull requests

4 participants