oruga icon indicating copy to clipboard operation
oruga copied to clipboard

Tab Component: Default tab is not respected on initial page load.

Open ayalon opened this issue 2 years ago • 8 comments

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: image

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: image

ayalon avatar Apr 01 '22 08:04 ayalon

The issue is only in that example, did you reproduce it in your project?

jtommy avatar Apr 01 '22 15:04 jtommy

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.

ayalon avatar Apr 01 '22 18:04 ayalon

I ran into this as well.

denised avatar Jul 29 '22 16:07 denised

@denised oruga-next (vue 3) or oruga (vue 2)?

jtommy avatar Aug 08 '22 20:08 jtommy

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 avatar Aug 08 '22 20:08 denised

@denised can you reproduce on codesandbox or similar?

jtommy avatar Aug 08 '22 20:08 jtommy

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: @.***>

denised avatar Aug 08 '22 23:08 denised

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: @.***>

denised avatar Aug 08 '22 23:08 denised

Double issue https://github.com/oruga-ui/oruga/issues/428

jtommy avatar Oct 19 '22 13:10 jtommy

@denised the problem is that you are mixing string and number as tabs-item value, try to use only number for example

jtommy avatar Oct 31 '22 22:10 jtommy