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

Navbar overhangs input field on New Post page #2519

Closed
TerabyteTiger opened this issue Apr 23, 2019 · 5 comments
Closed

Navbar overhangs input field on New Post page #2519

TerabyteTiger opened this issue Apr 23, 2019 · 5 comments
Labels
area: publishing experience issues related to an authors experience publishing. Tags, series, etc. bug always open for contribution external contributors welcome contribution is welcome! good first issue good first issues for anyone new to programming and new to the project.

Comments

@TerabyteTiger
Copy link
Contributor

Describe the bug
When on https://dev.to/new, if enough vertical space is occupied, you can use arrow keys to navigate cursor behind the navbar.

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://dev.to/new
  2. Add a few paragraphs of text (enough that you can scroll the "Title" input off the screen - Might I recommend https://www.lipsum.com/feed/html)
  3. Scroll down as far as you can
  4. click in the input and use the arrow keys to move cursor up and behind the navbar.

Expected behavior
The navbar should not overlap the input box (and doesn't if page is refreshed without being saved).

Desktop (please complete the following information):

  • OS: Windows & Chrome OS
  • Browser: Chrome
  • Version: 73.0.3683.88 (Official Build) (64-bit) [Chromebook] -- Not sure on windows, but should be most recent version.
@jessleenyc jessleenyc added the bug always open for contribution label Apr 23, 2019
@Zhao-Andy
Copy link
Contributor

Zhao-Andy commented Apr 23, 2019

Adding two gifs for each editor version to depict what I think is the issue:
gif example v1 editor

gif example v2 editor

@jessleenyc jessleenyc added external contributors welcome contribution is welcome! area: publishing experience issues related to an authors experience publishing. Tags, series, etc. tech: html/css good first issue good first issues for anyone new to programming and new to the project. labels Aug 1, 2019
@kaushalgautam
Copy link

Hi Guys. Can you please provide some insight on how one might proceed on tackling this? I am interested!

@rhymes rhymes removed the future label Jul 1, 2020
@codercatdev
Copy link

I believe this issue can be closed, the article content area is now a calculated value

height: calc( 100vh - var(--header-height) - var(--article-form-actions-height));

Therefore you never run into this issue.

@TerabyteTiger @Zhao-Andy can you confirm?

@rhymes
Copy link
Contributor

rhymes commented Aug 11, 2020

cc our designer @ludwiczakpawel to confirm as well

@ludwiczakpawel
Copy link
Contributor

Correct, we have redesigned this view couple months ago, this should no longer be an issue. I'm closing. Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area: publishing experience issues related to an authors experience publishing. Tags, series, etc. bug always open for contribution external contributors welcome contribution is welcome! good first issue good first issues for anyone new to programming and new to the project.
Projects
None yet
Development

No branches or pull requests

7 participants