Closed BeccaK8 closed 9 months ago
I've narrowed it down to the below style tag on button by increasing the transition time so I could use Chrome's developer tools to see which one was causing the line.
outline: 1px solid;
Can you push your most recent code to github? I'm not able to recreate this bug on my end.
I increased the transition time and pushed that version to github so you can see the line for a longer time.
Solved my issue - I was letting the js set the initial visibility of the button to hidden but that was coming too late. Once I set it in the css too, it works perfectly. Thanks!
What's the problem you're trying to solve?
When the game starts up, the "Guess" button is hidden until the user enters a complete word. However, the top line of the button displays briefly and eventually disappears. I just don't understand why only the top border of the button displays briefly, while the rest of the button is hidden from the start.
Post any code you think might be relevant (one fenced block per file)
If you see an error message, post it here. If you don't, what unexpected behavior are you seeing?
Line just shows briefly - it's not impacting the game function but it's frustrating why only the top line is there![image](https://github.com/sei-ec-remote/project-1-issues/assets/150313386/7e3ef73c-7180-4e09-bd0e-b68c00f9e5b9)
What is your best guess as to the source of the problem?
I'm pretty sure the problem is with the transition css on the button:
What things have you already tried to solve the problem?
I've commented out the above
transition
statement and that solves the problem which I will do as a last resort, but I'd like to understand why it's just the top bar impactedPaste a link to your repository here
https://github.com/BeccaK8/whats-the-word