Hi all

I am trying to implement [Swipeable Drawer][1] from [Material-UI][2]. For performance reason, I would like to implement

const iOS = process.browser && /iPad|iPhone|iPod/.test(navigator.userAgent);
<SwipeableDrawer disableBackdropTransition={!iOS} disableDiscovery={iOS} />

as recommended on the page.

I have created a component as follows:

const iOS = process.br

Environment

Vuetify Version: 2.3.16
Vue Version: 2.6.12
Browsers: Safari 14.0
OS: Mac OS 10.15.7

Steps to reproduce

Just try select part of text with mouse

Expected Behavior

Selected part of text

Actual Behavior

not selected text

Reproduction Link

https://codepen.io/nikita

Documentation Feedback

Even though I am an Angular veteran I find myself struggling every time I want to create a custom material component.

I would like to see more guides / tutorials on how to wrap existing form field components such as matInput and mat-select.

Wrap a matInput or mat-select

I need to have a mat-select with some pre defined options that I reuse through out my ap

Bug

When the user changes a radio group, the radio group should be scrolled into view if it's no

Not a single form field has a label. These designs are not usable and the patterns presented should be discouraged.

I suggest adding a validation check like Nu Validator, aXe, lighthouse, etc. to show all the places this markup is invalid.

Is there any way to implement horizontal radio button group?

Is your feature request related to a problem? Please describe.
When setting the layout anchor of a extended fab to the bottom app bar it does not show the cutout.

Describe the solution you'd like
The ability to use any shape as the cutout, or at least all the Fab variants.

While this behavior might be useful for single selection comboboxes, it is an unexpected behavior, when you template the combobox items to achieve a multiselection behavior. Is it possible to disable the behavior that the selected item is removed from the available items list?