Comments (12)
:root {
--safe-area-inset-bottom: calc(100vh - var(--tg-viewport-stable-height, 100vh))
}
Example
div.safemybottomelement {
padding-bottom: calc(1rem + var(--safe-area-inset-bottom));
}
// another example
div.safemybottomelement2 {
padding-bottom: var(--safe-area-inset-bottom);
}
It's my gift, we can probably close the ticket
from telegram-ios.
@Edgar-P-yan, you can calculate the difference between the height obtained from viewportHeight and window.innerHeight. This will give you the safe zone value. This works just as poorly as the option that Telegram offers. But I don’t know any other options yet =(
from telegram-ios.
and for information Telegram iOS use Firefox
from telegram-ios.
I fully support this thread. There is a problem at least in the implementation of the "bottom navbar" component. I would really like to see a non-crutch solution
from telegram-ios.
I don’t understand what the Telegram developers relied on when creating the automatic addition of safe zones. This adds a lot of problems, just like specifying the webview height. The only solution to the problems with safe zones is to keep the classic approach, and not create something crooked.
from telegram-ios.
env(safe-area-inset-bottom)
is always 0
no matter what i try to change in styles or viewport
from telegram-ios.
@kesha-antonov normal, it depend of the situation, sometime you don't have margins on the phone
from telegram-ios.
@kesha-antonov you have to setup this before:
:root {
--safe-area-inset-bottom: calc(100vh - var(--tg-viewport-stable-height, 100vh))
}
in the future you gonna have dvh
from telegram-ios.
env(safe-area-inset-bottom) gives 0
from telegram-ios.
you have to use var(--safe-area-inset-bottom)
from telegram-ios.
you don't read the messages, and solving your problem doesn't seem to be your problem, so I think we can close the ticket
from telegram-ios.
you have to use var(--safe-area-inset-bottom)
Thanks, I'll try it
from telegram-ios.
Related Issues (20)
- <!-- Thanks for reporting issues of Telegram Messenger for iOS! This is a bug report template. Please, be as descriptive as possible. Issues lacking detail, or for any other reason than to report a bug, may be closed without action. First, complete the checklist by replacing the empty checkboxes [] with checked ones [x]. --> ### Checklist - [ ] I am reporting an issue in existing functionality that does not work as intended - [ ] I've searched for existing [GitHub issues](https://github.com/telegrammessenger/Telegram-iOS/issues) ### Description Describe the issue that you are experiencing ### Expected Behavior Tell us what should happen ### Actual Behavior Tell us what happens instead ### Steps to Reproduce 1. 2. 3. ### Screenshots and Videos Remove, if not applicable ### Environment **Device:** `iPhone/iPad X` **iOS version**: `13.X` **App version:** `7.X`
- I'm trying to use my mobile phone number: +66 95 580 7510 But Telegram shows an error. Please help. Error: 406: UPDATE_APP_TO_LOGIN App version: 1.2.1 HOT 1
- https://github.com/TelegramMessenger/Telegram-iOS/issues/1499
- ### Checklist
- Originally posted by @dzhenko-m in https://github.com/
- 0955807510
- Wish
- Title HOT 1
- Unable to dismiss video files when viewed in full screen
- Hello
- Videos using H.265 playing laggy inside telegram app
- Not able to generate xcode project
- After clone I am running script
- python3 build-system/Make/Make.py \ --cacheDir=/Volumes/SSDJACKData/iOS-Projects/Telegram-iOS/telegram-bazel-cache \ generateProject \ --configurationPath=/Volumes/SSDJACKData/iOS-Projects/Telegram-iOS/build-system/template_minimal_development_configuration.json \ --xcodeManagedCodesigning
- Thanks for reaching out!
- python3 build-system/Make/Make.py \ --cacheDir=/Volumes/SSDJACKData/iOS-Projects/Telegram-iOS/telegram-bazel-cache \ generateProject \ --configurationPath=/Volumes/SSDJACKData/iOS-Projects/Telegram-iOS/build-system/template_minimal_development_configuration.json \ --xcodeManagedCodesigning HOT 1
- KXCCCK
- N
- iOS SMS Verification Code Not Being Delivered
- LuTs
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from telegram-ios.