dequelabs / dequelabs/cauldron

Bug: `Stepper` causes console error when using `tooltipText` attribute

Open
#1,498 3 comments 0 reactions 1 assignee Claimed by @scurker View on GitHub
bug
Dominant language
TypeScript
Stars
127
Forks
31
Avg merge
2d 12h
Merged PRs (30d)
8

Description

### Steps to reproduce

Steps to reproduce

1) Create a stepper component
2) Add a `tooltip` and `tooltipText` attribute
3) Examine the devtools console

### Expected Behavior

No error

### Actual Behavior

An error is shown in the console, though it doesn't show up in linting or compilation and does't break the app. An example of the error can be found under "Relevant log output"

### Version

6.3.0

### What browsers are you experiencing the problem on?

Chrome

### Relevant log output

```shell
Warning: React does not recognize the `tooltipText` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `tooltiptext` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
in li (created by Step)
in Step (created by CreateOrEditTemplate)
in ol (created by Stepper)
in Stepper (created by CreateOrEditTemplate)
in form (created by CreateOrEditTemplate)
in FormProvider (created by CreateOrEditTemplate)
in CreateOrEditTemplate (created by IntegrationTemplates)
in Route (created by IntegrationTemplates)
in Switch (created by IntegrationTemplates)
in IntegrationTemplates (created by AppRoutes)
in Protected (created by AppRoutes)
in SubscriptionRequired (created by AppRoutes)
in FeatureRequired (created by AppRoutes)
in BillingRequired (created by AppRoutes)
in Route (created by AppRoutes)
in Switch (created by AppRoutes)
in AppRoutes (created by App)
in div (created by MainContent)
in div (created by MainContent)
in main (created by Main)
in Main (created by Workspace)
in div (created by Layout)
in Layout (created by Workspace)
in Workspace (created by MainContent)
in MainContent (created by MainLayout)
in div (created by MainLayout)
in div (created by MainLayout)
in MainLayout (created by Layout)
in Layout (created by App)
in Route (created by App)
in Switch (created by App)
in Router (created by BrowserRouter)
in BrowserRouter (created by App)
in Elements (created by StripeElements)
in StripeElements (created by App)
in IntegrationsProvider (created by App)
in ConfigurationProvider (created by App)
in ProductsProvider (created by App)
in EnterprisesProvider (created by App)
in Provider (created by App)
in AnalyticsProvider (created by App)
in Provider (created by App)
in AuthProvider (created by App)
in Provider (created by App)
in Maintenance (created by App)
in GlobalToastProvider (created by App)
in App
```

### Anything else we should know?

Additional information

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.