Scrollbar inside Page + Wizard component

Describe the bug I am currently displaying a Wizard component inside a Page component. But unfortunately 2 scrollbars are occuring for both the Page component and the WizardStep component. disableScrolling={true} has been set in the Page component as well, but no help.

Isolated Example On codesandbox, nothing is rendered when Wizard component is added to the children field of the Page component. Seems some issue with the website. But anyway, this is how my current code structure looks like -

<Page
    disableScrolling={true}
    children={
      <>
        <Breadcrumbs>
          <BreadcrumbsItem>{"Test Route 1"}</BreadcrumbsItem>
        </Breadcrumbs>

        <Title>{"Test Title"}</Title>

        <Wizard>
          <WizardStep icon="product" titleText="Product Type" selected>
            <Title>1. Product Type</Title>
          </WizardStep>
        </Wizard>
      </>
    }
    footer={
      <Bar>
        <Button>{"Button Test"}</Button>
      </Bar>
    }
  ></Page>

Screenshots

[Lukas742]

I’m aware of that, thanks. We still have to wait for their next release though.

[Lukas742]

Hi @mihirahlawat

when there are more than one WizardSteps displayed, then this behavior is intended. Otherwise it wouldn’t be possible to scroll back to the previous steps. If only the first step is displayed, there shouldn’t be a scrollbar though. Since this is behavior is also happening for the Wizard without a Page, I created an issue in the UI5 Web Components repo since the component is developed by them.