Chrome擴展功能未調整爲原始大小

-1

我在製作Chrome擴展程序。這具有登錄字段，只要輸入無效憑證，就會顯示錯誤消息。錯誤消息消失後，窗口不會重新調整爲原始大小。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>

錯誤消息：

我使用語義UI順便說一句，不知道是否有差別。

來源

2017-01-14 Randyr

請編輯問題爲主題：包括**完整** [mcve] *重複問題*。包括* manifest.json *，一些背景/內容/彈出腳本/ HTML。尋求調試幫助的問題（「**爲什麼不是這個代碼工作？」）必須包括：►期望的行爲，►特定問題或錯誤*和*►在問題中重現問題所需的最短代碼**本身**。沒有明確問題陳述的問題對其他讀者無益。請參閱：「**如何創建[mcve] **」，[我可以在此處詢問哪些主題？]（http://stackoverflow.com/help/on-topic）和[問]。 – Makyen

需要[mcve]的原因是*我們想幫助*。如果我們不需要重新創建任何複製問題所需的代碼，它就更容易幫助。這是你已有的代碼。所以，請幫助我們來幫助您，並提供一個*完整的* [mcve]來重現問題。如果沒有[mcve]，甚至開始幫助你的工作量要高得多，這顯着減少了願意/能夠幫助你的人數。即使我們付出了額外的努力，我們也必須在可能出現問題的重要部分猜測**。 – Makyen

如果您還沒有 - 請嘗試明確指出未調整大小的元素的高度爲自動。

我知道我遇到了一些問題，如果我沒有明確說明，高度在事件發生時定義自己（即使沒有內聯樣式），我遇到問題。

來源

2017-01-14 23:30:12

似乎沒有調整回到原點的東西是身體。然而，將其設置爲'height：auto;'會使其更加混亂，顯示出延長的視野。 – Randyr

即使在開始時顯示錯誤 - 在錯誤之前？或之後的錯誤？如果它甚至在第一時間，那麼看看代碼可以幫助解決更多問題。如果只是在錯誤發生之後，我纔會相信無論錯誤到達哪裏的容器或者分區都會有一定的高度附着在他們身上，並保持身體的其他部分與其相連。 –

添加了html/js – Randyr

Chrome擴展功能未調整爲原始大小

回答

相關問題