Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Bug: Hover styling for Password Reset "Send Code" with Vue3 Authenticator component

See original GitHub issue

Before creating a new issue, please confirm:

I have searched for duplicate or closed issues and discussions.
I have tried disabling all browser extensions or using a different browser
I have tried deleting the node_modules folder and reinstalling my dependencies
I have read the guide for submitting bug reports.

On which framework/platform are you having an issue?

Vue

Which UI component?

Authenticator

How is your app built?

Vite

What browsers are you seeing the problem on?

Firefox, Chrome, Safari, Microsoft Edge

Please describe your bug.

Authenticator component CSS appears to bug out on Reset Password.

Specifically the “Send Code” button w/ onHover behavior.

See below:

SendCodeBug

What’s the expected behaviour?

The button shows its background & text is visible, when not being hovered over (as its intended).

Help us reproduce the bug!

Clone this: https://github.com/antfu/vitesse
pnpm i
pnpm i @aws-amplify/ui-vue aws-amplify
Create new file --> src/components/Auth.vue
Follow this: https://ui.docs.amplify.aws/vue/connected-components/authenticator
pnpm dev
See bug

Code Snippet

<script setup>
import { Amplify } from 'aws-amplify'
import '@aws-amplify/ui-vue/styles.css'
import { Authenticator } from '@aws-amplify/ui-vue'
import awsconfig from '~/aws-exports'

Amplify.configure(awsconfig)
</script>

<template>
  <authenticator>
    <template #default="{ user, signOut }">
      <h1>Hello {{ user.username }}!</h1>
      <button @click="signOut">
        Sign Out
      </button>
    </template>
  </authenticator>
</template>

Additional information and screenshots

No response

Issue Analytics

State:
Created a year ago
Reactions:1
Comments:7 (3 by maintainers)

Top GitHub Comments

1reaction

armenrcommented, Jul 21, 2022

@joebuono - JOE! Thank you!! Considering the fact we’re using Uno, and doing something really specific, you didn’t have to help us figure it out, but you went the extra mile.

I sincerely appreciate the Customer Obsession. I’m happy to close this now, as it is solved. PS - tell my friend @ErikCH I said what’s up 😛

1reaction

knavelscommented, Jul 20, 2022

Yes same issue here