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.

Sign up for GitHub

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

Jump to bottom

IdsErrorPage: An error related to IdsErrorPage's popup gets displayed even whole enterprise.js is imported in html #2792

Open
mrtipsytony opened this issue Sep 4, 2024 · 1 comment
Open

IdsErrorPage: An error related to IdsErrorPage's popup gets displayed even whole enterprise.js is imported in html #2792

mrtipsytony opened this issue Sep 4, 2024 · 1 comment
Labels
jira type: bug 🐛 Something isn't working [2] Velocity rating (Fibonacci)

Comments

@mrtipsytony
Copy link

mrtipsytony commented Sep 4, 2024 •
edited
Loading

Describe the bug
Currently trying to render IdsErrorPage in html file and I noticed there's an error in console. See image below.
image

To Reproduce

Steps to reproduce the behavior:

  1. Update index.html in enterprise-wc-examples/typescript-ids-wc project. Import the enterprise-wc.js, render the markup,
    Here's the code
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>TypeScript application using Ids Web Components</title>
  <link type="text/css" href="node_modules/ids-enterprise-wc/themes/ids-theme-default-light.css" rel="stylesheet" />
  <!-- <script src="node_modules/ids-enterprise-wc/components/ids-text/ids-text.js" type="module"></script> -->
  <!-- <script src="node_modules/ids-enterprise-wc/components/ids-tag/ids-tag.js" type="module"></script>
  <script src="node_modules/ids-enterprise-wc/components/ids-icon/ids-icon.js" type="module"></script> -->
  <!-- <script src="node_modules/ids-enterprise-wc/components/ids-error-page/ids-error-page.js" type="module"></script> -->
  <script src="node_modules/ids-enterprise-wc/enterprise-wc.js" type="module"></script>
  <script src="main.js" type="module"></script>
</head>

<body>
  <!-- <ids-text>
    This page shows that Ids Web Components can be used in very simple TypeScript application. 
  </ids-text>
  <br>

  <ids-tag clickable="true" id="ids-clickable-tag">Added in Markup</ids-tag> -->

  <ids-error-page
    id="error-page-1"
    icon="empty-error-loading-new"
    label="Access Denied"
    description="Configuration Manager access has been denied."
    button-text="More Info"
    fullsize
    visible
  ></ids-error-page>
</body>

</html>
  1. Start the project using npm run start
  2. Launch localhost:8080 in any browser
  3. Open Dev Tools and check console tab and see the console error.

Expected behavior
There should be no error

Version

  • ids-enterprise: latest version

Screenshots
If applicable, add screenshots to help explain your problem.

Platform

  • Infor Application/Team Name: [e.g. Infor XYZ, Infor ABC]
  • Device: (if applicable) [e.g. iPhone 6 or Samsung Galaxy S6]
  • OS Version: [e.g. Windows 10 or iOS 8]
  • Browser Name: [e.g. chrome, safari, stock browser]
  • Browser Version: [e.g. 22, 66.0.3359.181 (Official Build) (64-bit)]

Additional context
There's actually a workaround fix, if I import the IdsText script the error gets resolved.
<script src="node_modules/ids-enterprise-wc/components/ids-text/ids-text.js" type="module"></script> but I was expecting when we import ids-enterprise-wc/enterprise-wc.js, the IdsText component should be included.
@tmcconechy tmcconechy added type: bug 🐛 Something isn't working [2] Velocity rating (Fibonacci) labels Sep 4, 2024
@tmcconechy
Copy link
Member

https://inforwiki.atlassian.net/browse/IDS-4857

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
jira type: bug 🐛 Something isn't working [2] Velocity rating (Fibonacci)
Projects
Enterprise Web Components (Next) Sprint Grooming
Status: New
Milestone
No milestone
Development

No branches or pull requests
2 participants
@tmcconechy @mrtipsytony