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

in #utopian-io4 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

Sort:  

;-)

cats... and only cats... hahahaa

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!