question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

shellbar-items are not getting the correct stable-dom-ref added to data-ui5-stable

See original GitHub issue

Bug Description

The shellbar supports passing a stable-dom-ref onto custom shellbar items using the stable-dom-ref attribute on the <ui5-shellbar-item> - this functionality is not working any longer in version 1.0.X

Expected Behavior

The <ui5-shellbar-item> stable-dom-ref should be added to the <ui5-button> without being changed.

Steps to Reproduce

  1. https://codesandbox.io/s/ui5-webcomponents-forked-r4mxu?file=/index.html
  2. Press the button “Check stable-dom-ref”

Expected: it should say “found: true” Actual: it says “found: false”

Inspect the todo button top-right corner, and see that the stable-dom-ref is some generated ID and is not the expected value of “Todos” which is provided in the shellbar-item:

<ui5-shellbar>
      <ui5-shellbar-item stable-dom-ref="Todos"></ui5-shellbar-item>
</ui5-shellbar>

Isolated Example

https://codesandbox.io/s/ui5-webcomponents-forked-r4mxu?file=/index.html

Context

  • UI5 Web Components version: 1.0.2
  • OS/Platform: any
  • Browser: any
  • Affected component: ui5-shellbar

Log Output / Stack Trace / Screenshots

{...}

Priority

  • Low
  • Medium
  • High
  • Very High

The priority indicates the severity of the issue. To set the appropriate priority consider the following criteria:

  • Breaks entire application or system - High or Very High
  • Accessibility issue - Medium or High
  • Functional issue - Medium or High
  • Visual issue - Low or Medium

Note: The priority might be re-evaluated by the issue processor.

Stakeholder Info (if applicable)

  • Organization: SuccessFactors
  • Bussiness impact: Integration with EnableNow/WebAssistant/WalkMe

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:5 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
fifoosidcommented, Jan 20, 2022

Hi @codefactor

Instead of using the stable-dom-ref concept, you should call the getDomRef method on the element that you wish. For example:

document.querySelector("ui5-shellbar-item").getDomRef();

will return the DOM ref of the element

0reactions
codefactorcommented, Jan 20, 2022
Read more comments on GitHub >

github_iconTop Results From Across the Web

No results found

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found