Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[ObjectPage]: Anchor bar does not adhere to fiori section/subsection guidelines #6644

Open
1 task done
skowrons opened this issue Nov 20, 2024 · 1 comment
Open
1 task done
Labels
bug Something isn't working

Comments

@skowrons
Copy link

Describe the bug

If an section only has one subsection there should be no subsection selection in the anchor bar.

From the guidelines:

"If a section contains only one subsection, the title of the subsection is used as the name of the section. In this case, there is no subsection submenu in the anchor bar." (https://experience.sap.com/fiori-design-web/object-page/#sections)

Isolated Example

https://stackblitz.com/edit/github-pjrpra?file=src%2FApp.tsx

Reproduction steps

  1. Define ObjectPage Section
  2. Add subsection
  3. Subsection should not displayed in anchor bar

Expected Behaviour

There should be a way to hide the subsection title for the anchor bar or it should be done automatically.

Screenshots or Videos

Bildschirmfoto 2024-11-20 um 15 42 28

UI5 Web Components for React Version

2.3.1

UI5 Web Components Version

2.3.0

Browser

Chrome

Operating System

MacOS

Additional Context

No response

Relevant log output

No response

Organization

No response

Declaration

  • I’m not disclosing any internal or sensitive information.
@skowrons
Copy link
Author

A current "workaround" would be to wrap the ObjectPageSubSection in a div:

        <ObjectPageSection hideTitleText titleText="Comments" id="comments">
          <div>
            <ObjectPageSubSection
              titleText="Comments"
              id="comments"
              hideTitleText
            >
              <StandardFeed
                collection={Collections.ProjectsTasksFeed}
                parentId={task.id}
              />
            </ObjectPageSubSection>
          </div>
        </ObjectPageSection>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
Status: 🆕 New
Development

No branches or pull requests

1 participant