Utopian comment box resizing and mouse lag / Nov 19, 2017

in utopian-io •  7 years ago  (edited)

U5duLH8VQiGhrjScaPP9m731s2aBmSV_1680x8400_cr.jpg

Hi

I was trying to comment on a post today and saw that the comment box was too small. I tried to enlarge it and it work but is still small. Maybe for my resolution and what i am used to work in steemit.

First, i thought resizing thing, it is a bug but i think it was more an option choosen by the devs.

The one i see as a potential bug is the mouse speed of resizing. It has some latency when moving mouse which is very strange because it feels like the mouse it don't work. First time i hit it slightly over the mousepad ;-).

You know the feeling, like when the windows freezes for a sec when something is killing cpu for short time.

And from what i see it happens only on utopian. So are not my browsers (i tried both on chrome and firefox).


Now, the pictures and details:

Default size looks ok:

1-text-box-bug-2017-11-19_021014.jpg

Adding text and maximum height (for comment):

2-text-box-bug-2017-11-19_021053.jpg

Adding text and maximum height (for post):

6-text-box-bug-2017-11-19_030745-lw-1400.jpg

Resizing on horizontal it goes over the right side:

3-text-box-bug-2017-11-19_021141-lw-1400.jpg

Recommended for max-height

5-text-box-bug-2017-11-19_025726-lw-1400.jpg

The id for the comment box element is:

id="commentFormInput"

For desktop stylesheet

Original code is:

style="height: 58px; min-height: 58px; 
max-height: 154px; overflow-y: hidden;"

I would recommend:

  • Maxim width = 670px
  • Max height = 400px (at least, to have space and view longer comment)

I tried in inspector with this settings in chrome:

style="height: 394px; min-height: 58px;
max-height: 400px; margin: 0px; max-width: 670px;"

where i put

max-height: 400px;

and

max-width: 670px;

or maybe restrict it on vertical resize because we need to see more down, not on the right:

resize:vertical;

For post textarea (when writing a post), which have a default 298px it could be

max-height: 600px;



Regarding the mouse laggy move i don't know what settings are to be changed.

So i can't provide that details.

I tried also on my other laptop and the issues are the same.



OS: Windows 10 / 64 bit

Browsers: Chrome, Firefox 54.0.1 (64 bit)

Apps: utopian.io



All product names, logos, and brands are property of their respective owners.
pictures source: Pixabay and related websites quoted above
collages or screenshots: @ilvstranger


follow me on other social:
TWITTER: @ilvstranger | steemit: @ilvstranger | INSTAGRAM: @ilvstranger | PINTEREST: @ilvstranger | TUMBLR: @ilvstranger



Posted on Utopian.io - Rewarding Open Source Contributors

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

967564f28004ce5e7f98fb667f1ea9c0.jpg

;-)

cats... and only cats... hahahaa

cheers

hahahahahahhahahahaah

cheers

;-)

Hey @ilvstranger I am @utopian-io. I have just upvoted you at 6% Power!

Achievements

  • Seems like you contribute quite often. AMAZING!

Suggestions

  • Contribute more often to get higher and higher rewards. I want to see you often!
  • Work on your followers to increase the votes/rewards. My vote is now primarily based on that, humans rule. Good luck!
  • Wondering why other contributions got more? I introduced a competition factor. My vote is also based on how competitive the category used is.

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Vote for my Witness. Lets GROW TOGETHER!

Screen Shot 2017-11-19 at 16.54.19.png

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Cheers for your bug contribution to Utopian.io.
Access to paradise is granted.

[utopian-moderator]

Thanks man.

Cheers

The @OriginalWorks bot has determined this post by @ilvstranger to be original material and upvoted(1.5%) it!

ezgif.com-resize.gif

To call @OriginalWorks, simply reply to any post with @originalworks or !originalworks in your message!