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

fix(contentarea): hide multiline text in contentarea #1189

Merged
merged 5 commits into from
May 19, 2021

Conversation

ozimos
Copy link
Contributor

@ozimos ozimos commented May 18, 2021

close #1131 by setting the default line-height on contentarea to 0.

close #613 (duplicate)

@CLAassistant
Copy link

CLAassistant commented May 18, 2021

CLA assistant check
All committers have signed the CLA.

fixed hidden  multiline content taking up display space on hover
use reduced dimensions to hide contentarea instead of display: none; for
improved performance
@ozimos ozimos force-pushed the fix/multiline-contentarea-1131 branch from f5ba241 to 45daba9 Compare May 18, 2021 00:18
@tangjeff0
Copy link
Collaborator

tangjeff0 commented May 18, 2021

@shanberg review? explanation at #1131 (comment)

Seems to fix the ghost hover effect, but then there is a flicker when blurring from the textarea: https://www.loom.com/share/8358b3c91f004b1ebca2c20574fbf3ad?focus_title=1&muted=1&from_recorder=1

Copy link
Collaborator

@shanberg shanberg left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Unfortunately this approach causes the hidden textarea to be inaccessible to the mouse, so it doesn't capture the insertion point when you click into text.

Screen Recording 2021-05-18 at 7 14 39 PM

Copy link
Collaborator

@tangjeff0 tangjeff0 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Clicking should place caret in approximately the right location.

remove flicker during textarea blur
@ozimos ozimos force-pushed the fix/multiline-contentarea-1131 branch from 6bbf6a4 to 563fb7e Compare May 19, 2021 20:23
@ozimos
Copy link
Contributor Author

ozimos commented May 19, 2021

caret position in textarea fixed. Also fixed the flicker on textarea blur

@shanberg
Copy link
Collaborator

I'm impressed with your fixes here @ozimos. I'd sort of assumed we'd hit a local maximum with the textarea-based UX, but clearly it can still improve.

Demo gifts attached. It’s maddening to see both animations together so I've linked them instead.

Before demo
After demo

@tangjeff0 tangjeff0 merged commit dbaa1e5 into athensresearch:main May 19, 2021
korlaism pushed a commit to korlaism/athens that referenced this pull request Jul 19, 2021
…1189)

* fix: improve css for textarea when not editing

fixed hidden  multiline content taking up display space on hover

* fix: remove display none on contentarea

use reduced dimensions to hide contentarea instead of display: none; for
improved performance

* fix: clicking inserts caret in textarea

remove flicker during textarea blur

Co-authored-by: jeff <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
4 participants