fastn icon indicating copy to clipboard operation
fastn copied to clipboard

Header is overflowing

Open jahanvir opened this issue 2 years ago • 7 comments

image

https://jam.dev/c/22f540c7-cec6-4c3b-b41b-ebbc3ecce1af

jahanvir avatar Aug 10 '23 13:08 jahanvir

How do you think we should handle this? @jahanvir

amitu avatar Aug 10 '23 13:08 amitu

My expectation was it would move to next line, instead of overflowing.

jahanvir avatar Aug 10 '23 13:08 jahanvir

It is moving to next line in case of space in between word. but if last word is too long, it overflows.

image

code: -- import: doc-site as ds -- ds.page: Hello, I am page header loooooongggggg lastlongword loooooonggggggloooooonggggggloooooonggggggloooooonggggggloooooonggggggloooooonggggggloooooonggggggloooooonggggggloooooonggggggloooooonggggggloooooonggggggloooooonggggggloooooonggggggloooooonggggggloooooonggggggloooooonggggggloooooonggggggloooooonggggggloooooonggggggloooooonggggggloooooonggggggloooooonggggggloooooonggggggv ;;Page header

;;I am comment I am page body ;;Page body -- end: ds.page

jahanvir avatar Aug 10 '23 13:08 jahanvir

@Arpita-Jaiswal, @gsalunke how do we do this? Is there some CSS way of forcing long words to break?

@jahanvir how would you do in plain HTML/CSS?

amitu avatar Aug 11 '23 07:08 amitu

@amitu In simple HTML, CSS this property works: overflow-wrap: break-word, see example attached image

Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap

jahanvir avatar Aug 13 '23 13:08 jahanvir

@jahanvir cool, can you create a RFC or a proposal for use to add overflow-wrap property to fastn?

Feature requests we store as discussions.

amitu avatar Aug 13 '23 13:08 amitu

@amitu , are we following any format for it, could you please share resource/link for it

jahanvir avatar Aug 15 '23 17:08 jahanvir