is this normal?

[astrofox09]

i have black background after placeholder.
placeholder is gray,
is this normal?!

(i am russian, sorry for my english)

[inomdzhon]

Привет, @astrofox09

Какую версию VKUI ты используешь? Если v5, то ниже опишу возможную причину проблемы и её решение.

Причина

v4

В v4 AppRoot программно добавлял CSS селектор vkui__root для root-элемента приложения:

VKUI/src/components/AppRoot/AppRoot.tsx

Lines 120 to 123 in c1a19e5

	const classes = ["vkui__root"].concat(
	mode === "embedded" ? "vkui__root--embedded" : []
	);
	parent?.classList.add(...classes);

А для <AppRoot mode="partial"> необходимо было добавлять этот селектор вручную (ссылка на документацию).

На этот CSS селектор применялось св-во height: 100%:

VKUI/src/styles/common.css

Lines 5 to 11 in c1a19e5

	.vkui,
	.vkui > body,
	.vkui__root {
	margin: 0;
	padding: 0;
	height: 100%;
	}

v5

В v5 мы убрали необходимость в селекторе vkui__root. Соотвественно, из CSS правила тоже убрали этот селектор:

VKUI/src/styles/common.css

Lines 5 to 10 in d737403

	:global(.vkui),
	:global(.vkui) > body {
	margin: 0;
	padding: 0;
	height: 100%;
	}

Это привело к тому, что теперь height: 100% надо добавлять вручную на свой root-элемент.

Решение

Попробуй, пожалуйста, установить height: 100% для своего root-элемента.

[astrofox09]

использую v5, исправил, всё работает, огромное спасибо!!