frandiox / vite-ssr

Use Vite for server side rendering in Node
MIT License
823 stars 91 forks source link

Render mismatch with csr when using with ant-design-vue #169

Open wheeljs opened 2 years ago

wheeljs commented 2 years ago

Hi, thanks for your great library to help me setup vite with ssr in my vite+vue@3 project. But when I review ui after setup, I found the <a-select mode="multiple"> with multiple selection but only one remove icon. I wrapped all client codes into <client-only>, but it doesn't work.

Step to reproduce

  1. Add <a-select mode="multiple"> into component, select multiple options.
  2. Only one selected options in <a-select> has remove icon.

What is expected?

All selected options should have remove icon after its label.

Minimal reproduction

With SSR: https://stackblitz.com/edit/vitejs-vite-evglmf?file=src%2FApp.vue

Without SSR: https://stackblitz.com/edit/vitejs-vite-c6xqfq?file=src%2FApp.vue

I have also fire this issue in ant-design-vue repo. Sorry for my English.