微信小程序bug記錄與解決

微信小程序bug記錄

textarea

1. textarea在模擬器上沒有padding，可是在真機上會自帶padding，而且在外部改不了，並且在安卓和IOS上padding還不一樣
   
   
   第一張圖是在開發工具上的，第二張圖是在IOS真機上的。從上圖可以看出來，在開發工具上顯示很正常，而且沒有padding，可是在真機上左上角就出現了padding，並且無論你在外部對textarea的padding做任何處理，都無法覆蓋。
   目前有一種解決方式是根據ios和android的不同平台來給teaxarea設置不同的樣式。
   解決方法：通過wx.getSystemInfo來獲取當前設備的平台（IOS or Android),然后根據不同的平台來設置不同的偏移樣式來兼容(可以通過margin:負值)。

2. textarea層級最高，而且還沒辦法使用z-index來修改，使得自制modal等組件出現問題。這個問題同樣在開發工具上沒問題，在真機上才出現問題。
   目前的解決方法：在modal彈起的時候，將textarea隱藏掉，具體隱藏方法看3

3. textarea使用display:none;visibility: hidden; opacity: 0都隱藏不了。
   目前的解決方法：

   textarea.hidden {
       position: relative;
       left: -1000%;
   }
   

   <textarea hidden={{isHide}} />
   

   查閱了官方文檔后發現，官方提供了一個hidden這個api，我們可以通過這個api來隱藏掉textarea

本文地址在->本人博客地址, 歡迎給個 start 或 follow