dev.to bug with creating a new post

Jasterix - Feb 16 '21 - - Dev Community

I was going to file a bug on GitHub, but as a non-contributor, I wasn't sure if that would be more counterproductive.

Issue: The title field to create a new post is shorter than font
Description: The title field when you create a new post is too short and cuts off the text. This makes it impossible to see what you're typing

To reproduce:

  1. Click on "Write a post"
  2. Click into the title field. Once you click on the field, it immediately resizes.

Browser: This issue is present when using both Chrome and FD

Screenshots:

Before:
screenshot

After:
image

screenshot

My workaround:

  1. Open the dev console
  2. Change the height (23px in Chrome, 24px in Firefox) to 80px

Before:
image

After:
image

The Code:

<div data-testid="article-form__title" class="crayons-article-form__title">
<textarea type="text" id="article-form-title" placeholder="New post title here..." autocomplete="off" class="crayons-textfield crayons-textfield--ghost fs-3xl m:fs-4xl l:fs-5xl fw-bold s:fw-heavy lh-tight" aria-label="Post Title" autofocus="" style="height: 23px;"></textarea>
</div>
Enter fullscreen mode Exit fullscreen mode
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Terabox Video Player