Well in your particular use case it works sure, but as pointed out on the
stack overflow article you linked to, writing
height: calc(100vh - calc(100vh - 100%))
Is the same as writing
height: 100%
Because it translates to 100vh - 100vh + 100%. In order to be able to use
height:
100%,
Well, I don't know what makes the found solution I adopted not as good as
the other ones. If you know of any flaw in it, please advise.
I'll keep your other references in mind if I run into problems. Thanks!
On Sunday, December 11, 2022 at 3:58:28 PM UTC-4 Télumire wrote:
> This is an issue
This is an issue for tiddlywiki themes/custom UI that place a searchbar at
the top or bottom of the screen.
Currently the best solution is to use javascript :
https://dev.to/nirazanbasnet/dont-use-100vh-for-mobile-responsive-3o97
Second best is to use min-height: -webkit-fill-available; (if
BTW, this is not an issue (that I know of) with anything TiddlyWiki.
This is just a CSS "heads-up" if you use CSS' "vh" unit of measure in
anything you do that might be used in a mobile web browser..
On Sunday, December 11, 2022 at 2:46:10 PM UTC-4 Charlie Veniot wrote:
> Using "100 vh" for
Using "100 vh" for height of things in a web page is problematic on mobile
devices, because mobile web browser menus (when they appear) take up
display space (either at the top or the bottom) and push the "100 vh" part
of a web page out of view.
Details:
5 matches
Mail list logo
