-1
Я делаю хром-расширение. Это поле входа в систему, и сообщение об ошибке может отображаться всякий раз, когда введены неверные учетные данные. После исчезновения сообщения об ошибке окно не изменяет размер до исходного.Расширение Chrome не изменяет размер до оригинала
Перед сообщением об ошибке:
Сообщение об ошибке:
После появления сообщения об ошибке:
Как я могу убедиться, что окно изменилось на исходную высоту после того, как сообщение исчезло?
<body>
<div class="ui middle aligned center aligned grid">
<div class="column">
<div id="authView">
<h2 class="ui teal header">
<div class="content" style="margin-top:0.5em;">Log in</div>
</h2>
<form class="ui large form" id="login-form">
<div class="ui segment">
<div id="login-error" class="ui hidden negative message">
<p>Invalid username or password. Please try again</p>
</div>
<div class="field">
<div class="ui left icon input">
<i class="user icon"></i>
<input id="username" type="text" name="username" placeholder="Username" autofocus />
</div>
</div>
<div class="field">
<div class="ui left icon input">
<i class="lock icon"></i>
<input id="password" type="password" name="password" placeholder="Password">
</div>
</div>
<input class="ui fluid large teal submit button" type="submit" value="Login">
</div>
</form>
</div>
<div id="mainView" style="display:none;">
<h2 class="ui teal header" style="margin-top:0.5em;">
<div class="content">Listening for calls...</div>
</h2>
<form class="ui large form" id="call-form">
<div class="ui segment">
<div class="field">
<div class="ui left icon input" id="callDiv">
<i class"icon call"></i>
<input type="text" id="destNumber" placeholder="Number to call" autofocus />
</div>
</div>
<input class="ui fluid large teal submit button" value="Call" type="submit">
</div>
</form>
<div>
<button class="ui negative button" id="sign-out">
<i class="icon sign out"></i>
Sign out
</button>
</div>
</div>
</div>
</div>
</body>
сообщение об ошибке отображается с помощью простой функции:
Я использую Семантический-интерфейс кстати, не уверен, если это делает разницу.
Пожалуйста, отредактируйте вопрос по теме: включите ** полный ** [mcve], который * дублирует проблему *. Включая * manifest.json *, некоторые из сценариев background/content/popup/HTML. Вопросы, требующие помощи по отладке («** почему этот код не работает? **)) должны включать: ► желаемое поведение, ► конкретную проблему или ошибку * и * самый короткий код, необходимый для его воспроизведения ** в вопросе сам**. Вопросы без четкого описания проблемы не полезны другим читателям. Смотрите: «** Как создать [mcve] **», [о каких темах я могу спросить здесь?] (Http://stackoverflow.com/help/on-topic) и [ask]. – Makyen
Причина, по которой требуется [mcve], заключается в том, что * мы хотим помочь *. Это намного облегчает помощь, если нам не нужно воссоздавать код, необходимый для дублирования проблемы. Это код, который у вас уже есть. Поэтому, пожалуйста, помогите нам помочь вам и предоставить * полный * [mcve], который дублирует проблему. Без [mcve] сумма усилий, требуемых даже для того, чтобы помочь вам, намного выше **, что * значительно * уменьшает количество желающих или способных помочь вам. Даже если мы приложим дополнительные усилия, мы должны ** угадать ** при значительных порциях вашей проблемы. – Makyen