微信小程式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