Feature: Add Expanding Query Input Field #1020
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR is intended to allow the query input field to wrap / expand when necessary to create more visibility when using long queries. Fixes #613
Feature Preview:
3140de7358e3a3c43e828f25489f4579.mp4
Notably, this PR is a bit hacky, as I didn't know a few things. If I could receive input on the following, it would help the PR significantly, I think:
multiline
autoAdjustHeight
FluentUITextField
; As far as I could tell, autoAdjustHeight
forces the minimum height to60px
and I don't know where to modify that. It could very well be impossible.TextField
to anautoAdjustHeight
TextField
when the text began to overflow, in order to keep the one-line aesthetic of the query input field. However, this switching functionality causes theTextField
to snap from one line to60px
(autoAdjustHeight
multiline
default) when converting between the two.FluentUI
?AD#38277