Various UI and UX bugs when interacting with the main website and v0

I’m new to Vercel in general and I’m not an experienced developer, so please bear with me here.

I’m exploring the whole Vercel ecosystem, and as much as I’m loving all the possibilities, I’m noticing a lot of bugs that, for a company that is expected to be at the forefront of this type of industry, shouldn’t exist.

So far I’ve been able to track a few and here they are. I’m on a 13" laptop, on macOS Catalina, but none of these bugs should be related to screen size or OS:

1 - This pop up / modal is displayed in the middle of the page, but mouse scrolling doesn’t allow me to see the bottom of it. Its own scroll works, but the outer container doesn’t so I can’t click buttons at the bottom, unless I use the TAB key to jump to other elements until I get to the buttons.

2 - Opened a default design system, make some changes, tried to save it. It doesn’t save. It’s stuck on this window for the last 15 minutes. Creating a new design system saves it in a second:

I noticed that if I open a default and save it right away without making any changes, it saves it immediately as well. The bug is when I make some changes and THEN try to save it. Even if saving it first without making changes can be the way moving forward for me, the fact that we are allowed to make changes, but then can’t save them, is a UX bug. Changes should be disabled by default and it forces to save first, or allow changes and allow to then save it.

3 - In this case, I was able to scroll, but it never gets to the bottom where I expect to see some buttons? I believe that the only way to see them was to zoom out a lot in Chrome and then reset once I clicked the buttons.

verceluibug-ezgif.com-optiwebp

4 - Still in the design systems area, I can’t scroll down to see more of the content. I have to zoom out, again, in order to have an idea of what it looks like, but it then becomes impossible to see anything clearly:

notscrollable-ezgif.com-optimize

5 - In the v0 section, I was just testing its capabilities by recreating a website I saw, and on the first try, it presented me with something that was close enough, or at least created something that seems reasonable:

Then I asked it to make some other changes, and it starts acting weird:

4 - v0glitch-ezgif.com-optimize

Then, after making other changes, it went back to normal again:

6 - It seems that this is a recurring issue with v0… I was checking some templates and the first time I opened this template, it showed me the right colors (I didn’t take a screenshot of the actually preview, because I wasn’t expecting a bug here):

But then after I closed it and tried to open it again:

7 - When I first opened the Design Systems, I was able to see dark theme ones. Now, after I created some custom ones, all I see is this (all light themes). When I click to open them and I use the toggle from light to dark, I can see the dark themes, but the previews no longer show dark themes like before.

2 Likes

This is really great feedback. We appreciate you taking the time, @alltiagocom! I’ll make sure this gets shared internally :slight_smile:

Feel free to continue sharing feedback in the thread!