fix(VTextField): legend position not aligned with reverse prop

[dchinu97]

Description

Legend position was not aligned with the reverse prop that reverses the label position. So when the value of the reverse prop is true the legend should move right
fixes #10798

Motivation and Context

Done to Fix #10798

How Has This Been Tested?

Visually via playground on Chrome, Edge, IE and Morzilla

Markup:

<template>
  <v-container>
    <v-text-field label="Label" outlined reverse></v-text-field>
    <v-text-field label="Label" outlined></v-text-field>
  </v-container>
</template>

<script>
  export default {
    data: () => {
      return {}
    },
  }
</script>

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Improvement/refactoring (non-breaking change that doesn't add any features but makes things better)

Checklist:

• The PR title is no longer than 64 characters.
• The PR is submitted to the correct branch (master for bug fixes and documentation updates, dev for new features and backwards compatible changes and next for non-backwards compatible changes).
• My code follows the code style of this project.
• I've added relevant changes to the documentation (applies to new features and breaking changes in core library)

[KaelWD]

Turns out this was already fixed in #10278, the issue you commented on was missing <v-app>. Thanks anyway.

Sorry I missed that this was specific to firefox. My other comment still stands however.

[KaelWD]

I would've asked you to redo with CSS anyway, this attribute is deprecated and doesn't account for RTL.

[KaelWD]

Firefox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1488228

Looks like using margin instead of text-align works in firefox.

[dchinu97]

Thanks @KaelWD , Will verify the same and update the PR

[dchinu97]

@KaelWD As mentioned in the Mozilla patch here https://bugzilla.mozilla.org/attachment.cgi?id=9006391

These changes seems to fix it.

[jacekkarczmarczyk]

IE doesn't support this property

[dchinu97]

Thanks @jacekkarczmarczyk. Didn't knew about that, Update and tested on Chrome, Edge, IE and Firefox