vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.78k stars 6.95k forks source link

[Bug Report][3.7.1] vAutocomplete: ResizeObserver loop completed with undelivered notifications #20444

Open func0der opened 1 month ago

func0der commented 1 month ago

Environment

Vuetify Version: 3.7.1 Vue Version: 3.5.3 Browsers: Firefox 129.0 OS: Linux x86_64

Steps to reproduce

  1. Open the console
  2. Choose an item of the left autocomplete with multiple.
  3. Find the error in the console

Expected Behavior

Prevent error from happening

Actual Behavior

Triggers error every time an item is chosen.

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

Especially with an error handler this is a very noticable error.

cintek commented 1 week ago

The same issue occurs with v-select (using Vuetify 3.6.14). In my case I used it in this structure:

<v-data-table-server>
  <template v-slot:thead>
    <tr>
      <td>
        <template>
          <v-select />
        </template>
      </td>
    </tr>
  </template>
</v-data-table-server>

This problem is gone when using v-select inside v-row and v-col. You can see it in this example (modified version of the one by @func0der) : https://play.vuetifyjs.com/#eNqtUkFuwjAQ/Moql4AEicQRBaS+oUfCIY031MLxWrYTKiH+3rVDSwgSqiouTnZmvZ7xeHdOnK3zN2OyvsNknRQeW6Mqj9tSAxT9sjIm/nIhZA+1qpzblIlYNgq/yuTKxVZLp98yAjWpERAhhwprPwYBpAgDLRlBJ10m92S/bEmg4o7WHabkWrLcIIeMl6TdlG875aVReI/Wn9K4MZSPZedT3f80snrq5IGdWnloeIGXUN9CKnIOdIiZ8SHnIh/lz6WrrTQeHPpueAayNWQ9nMFiAxdoLLWQ8tNJQzvLYeUe2B9sQsdst5/f4KszpnZpQ5QuIP2obPhU7iiOlRPHuPxU6f5u5OrJzMD9fWjYfpKaU8pIo7VkeTvCZhuHksJM0WGGmad3b6U+zOZ8YpEPl8HXkFwWulMqLvtvrzH0oA==

But in my code if I would use v-row and v-col it would break the layout so I would appreciate it to see this issue fixed.