oruga
oruga copied to clipboard
Tab Component: Default tab is not respected on initial page load.
I found a bug with the default tab on SSR Rendering.
The bug is reproducible on the Tabs documentation page of Oruga itself: https://oruga.io/components/tabs.html
If you open the page directly in the browser you see this:
The first tab does not show content.
If you navigate client side to this page, you can see, that there is default content. It just does not work on the initial page load:
The issue is only in that example, did you reproduce it in your project?
I had the same Issue ist n my project using nuxt. And I was glad I saw the same issue on the example page. Bur I first realized it in my local project on page load.
I ran into this as well.
@denised oruga-next (vue 3) or oruga (vue 2)?
Vue 3
-- Denise Draper @.***
On Mon, Aug 8, 2022, at 1:49 PM, Walter Tommasi wrote:
@denised https://github.com/denised oruga-next (vue 3) or oruga (vue 2)?
— Reply to this email directly, view it on GitHub https://github.com/oruga-ui/oruga/issues/332#issuecomment-1208596519, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAKAMTWKZMULP2G4SL3R6G3VYFXGRANCNFSM5SH6K3WA. You are receiving this because you were mentioned.Message ID: @.***>
@denised can you reproduce on codesandbox or similar?
You should be able to see it on https://stackblitz.com/edit/vitejs-vite-gya47e?file=src%2FVarViewer.vue (The issue isn't unique to Stackblitz --- it also happened on my desktop.)
-- Denise Draper @.***
On Mon, Aug 8, 2022, at 1:59 PM, Walter Tommasi wrote:
@denised https://github.com/denised can you reproduce on codesandbox or similar?
— Reply to this email directly, view it on GitHub https://github.com/oruga-ui/oruga/issues/332#issuecomment-1208604195, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAKAMTRPD2GZSIAOEJJBTQTVYFYL5ANCNFSM5SH6K3WA. You are receiving this because you were mentioned.Message ID: @.***>
You have to click on "show sources" to get the tabs to show for the first time.
-- Denise Draper @.***
On Mon, Aug 8, 2022, at 1:55 PM, Denise Draper wrote:
Vue 3
-- Denise Draper @.***
On Mon, Aug 8, 2022, at 1:49 PM, Walter Tommasi wrote:
@denised https://github.com/denised oruga-next (vue 3) or oruga (vue 2)?
— Reply to this email directly, view it on GitHub https://github.com/oruga-ui/oruga/issues/332#issuecomment-1208596519, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAKAMTWKZMULP2G4SL3R6G3VYFXGRANCNFSM5SH6K3WA. You are receiving this because you were mentioned.Message ID: @.***>
Double issue https://github.com/oruga-ui/oruga/issues/428
@denised the problem is that you are mixing string and number as tabs-item value, try to use only number for example