[Bug Report][2.5.8] v-text-field disable: can not select text to the end.

[van-huyen]

Environment

Vuetify Version: 2.5.8
Vue Version: 2.6.14
Browsers: Chrome 94.0.4606.61
OS: Windows 10

Steps to reproduce

replace this code into reproduction link (johnleider's code :D)

  <input style="width:200px" v-model="model" class="grey" ></input>
  <input style="width:200px" v-model="model" class="grey" disabled></input>
  <v-text-field 
     v-model="model"
     style="width:200px"
     label="Enable"
     single-line outlined
  > </v-text-field>
  <v-text-field 
     v-model="model"
     style="width:200px"
     label="Disable"
     single-line outlined disabled
  > </v-text-field>

After that,
Input a long text, and select text to the end.

Expected Behavior

v-text-field disable should be like input disable tag: can select text to the end.

Actual Behavior

v-text-field disable: can not select text to the end.

Reproduction Link

https://codepen.io/johnjleider/pen/NWPYmjp?editors=1010

video:

Vuetify.Example.Pen.-.Google.Chrome.2021-10-06.10-34-22.mp4