[Bug]: feedbackTimeout doesn't work

[mabubaker1947]

Package

@carbon/react

Browser

Chrome

Package version

v1.59.0

React version

v18.3.1

Description

Hi I am using the with feedbackTimeout={2000} which indeed is a default value. However, the feedback text doesn't goes away under the copy button on the UI. See below. Please note that the feedback is not shown on the tootip as in your playground. But it only is written down underneath the copy button. Which is okay, but it should go away after the feedback timeout.

Reproduction/example

Please see steps below.

Steps to reproduce

import copy from "copy-to-clipboard";
import { CopyButton } from "@carbon/react";

              <Col>
                <CopyButton
                  feedback="Copied!"
                  align="top-right"
                  feedbackTimeout={2000}
                  iconDescription=""
                  onClick={() => copy(configMap)}
                />
              </Col>

Suggested Severity

Severity 1 = Must be fixed ASAP. The response must be swift. Someone from the team must drop all current work and be immediately reassigned to address the issue.

Application/PAL

IBM's internal app.

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[preetibansalui]

Hey @mabubaker1947, could you please reproduce your issue in a sandbox environment? We have a repository containing pre-configured sandboxes for different versions of @carbon/react. Please use the sandbox that matches the version you're experiencing the issue with. This will help us better understand and debug the problem you're facing. Let me know if you need any assistance with setting up the sandbox.

[mabubaker1947]

Hi @preetibansalui I use one of the sandboxes where I just reprdocued the issue. Now even the feedback text is not dispalayed. See screenshot below and the llink to the current state of the sandbox is here.