Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[v2] Проблема с Tabbar'ом в FireFox: если он внизу, то нет отступа у контента. #2053

Closed
shastox opened this issue Jan 6, 2018 · 5 comments

Comments

@shastox
Copy link
Contributor

shastox commented Jan 6, 2018

У контента отсутствует нижний отступ, если есть нижний таббар (вне зависимости от темы). Я предложил ранее сделать обертку <div class="page-content"><div class="tabs">...</div></div>, но она все ломает, если таббар наверху.

Проблема прекрасно воспроизводится в неизменном Китчене. При такой ширине окна - все ок:
2018-01-06_11-44-06

А вот если сузить окно браузера (окно прокручено максимально вниз), то видно, что не весь контент помещается (не хватает нижнего отступа):
2018-01-06_11-44-22

@shastox shastox changed the title [v2] Глобальная проблема с Tabbar'ом: если он внизу, нет отступа у контента. [v2] Глобальная проблема с Tabbar'ом: если он внизу, то нет отступа у контента. Jan 6, 2018
@shastox
Copy link
Contributor Author

shastox commented Jan 6, 2018

Оказывается, проблема воспроизводится только в FireFox (скриншоты оттуда), в Хроме и Опере - все нормально.

@shastox shastox changed the title [v2] Глобальная проблема с Tabbar'ом: если он внизу, то нет отступа у контента. [v2] Глобальная проблема с Tabbar'ом в FireFox: если он внизу, то нет отступа у контента. Jan 6, 2018
@shastox shastox changed the title [v2] Глобальная проблема с Tabbar'ом в FireFox: если он внизу, то нет отступа у контента. [v2] Проблема с Tabbar'ом в FireFox: если он внизу, то нет отступа у контента. Jan 6, 2018
@softexe
Copy link

softexe commented Jan 6, 2018

это свойство файрфокса.. делал такой же тикет по отступу с messagebar
фикс для этого дела был такой

.messagebar ~ .page-content {
	padding-bottom: 44px;
	bottom: 44px;
}

В вашем случае видимо надо .tabbar ~ .page-content и применить это только для FF

@shastox
Copy link
Contributor Author

shastox commented Jan 6, 2018

Спасибо :) Я думаю можно не обращать внимания на FireFox, все равно основная цель - Cordova.

@softexe
Copy link

softexe commented Jan 6, 2018

Да, просто иметь ввиду о такой особености, потому что иногда и ФФ приходится использовать при разработке/отладке.

@stale
Copy link

stale bot commented Jun 21, 2018

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

@stale stale bot added the wontfix label Jun 21, 2018
@lock lock bot added the outdated label Feb 17, 2019
@lock lock bot locked as resolved and limited conversation to collaborators Feb 17, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

3 participants