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.

Data table edit dialogs don't appear on empty cells

See original GitHub issue

Steps to reproduce

Create a data table with a v-edit-dialog containing a text field
Click the cell
Delete all the text and dismiss the edit dialog
Try to open the edit dialog agian

Versions

Vuetify 0.15.7

What is expected ?

If a cell is empty the edit dialog activator should fill the entire thing.

What is actually happening ?

The dialog activator is only as wide as the text, so it ends up being 0px

Reproduction Link

https://codepen.io/anon/pen/wrKymV?editors=1010

Issue Analytics

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

Top GitHub Comments

2reactions

MiguelMoracommented, Feb 13, 2018

I have not found more components using the small-dialog style, so I’m using this css code as a workaround div.small-dialog { width: 100% }

2reactions

Webificommented, Sep 21, 2017

This really seems more like a bug than an “enhancement”.

When the inline-editor’s activator is based on the size of a text value then even non-empty but short values, like “i”, makes opening the inline editor very non-material-ui friendly. It becomes an extremely small target to click or touch. Then in the case of an empty value, the activator is simply gone.

IMHO, the entire cell should activate the inline editor by default.