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

In Bootstrap 5.3 alpha 1 input-group component partialy react to inline data-bs-theme="dark" attribute #37891

Closed
3 tasks done
realthemes opened this issue Jan 16, 2023 · 0 comments · Fixed by #37893
Closed
3 tasks done

In Bootstrap 5.3 alpha 1 input-group component partialy react to inline data-bs-theme="dark" attribute #37891

realthemes opened this issue Jan 16, 2023 · 0 comments · Fixed by #37893
Labels
color mode css v5

Comments

@realthemes
Copy link

Prerequisites

Describe the issue

So I set for html tag data-bs-theme="light" attribute and set data-bs-theme="dark" attribute inline for form-group component.

When I switch theme in html tag - color scheme of whole document are changing, but form-control background color also change from white to dark, is it must be fixed in dark color?. I repeat this bug at Bootstrap documentation page by inserting
form-group html code in some examples.

Reduced test cases

<!DOCTYPE html>
<html lang="en" data-bs-theme="light">
<head>  
</head>
<body>
    <div class="input-group input-group-lg" data-bs-theme="dark">
        <input type="text" class="form-control" placeholder="Email Address" aria-label="Email address" aria-describedby="button-join">
        <button class="btn btn-success bg-gradient" type="button" id="button-join">Join</button>
    </div>
</body>
</html>

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Chrome

What version of Bootstrap are you using?

v5.3.0-alpha1
@realthemes realthemes changed the title In Bootstrap 5.3 alpha 1 form-group component partialy react to inline data-bs-theme="dark" attribute In Bootstrap 5.3 alpha 1 input-group component partialy react to inline data-bs-theme="dark" attribute Jan 16, 2023
@mdo mdo mentioned this issue Jan 16, 2023
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
color mode css v5
Projects
No open projects
v5.3.0-alpha2
Status: Done
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Fix .form-control in dark mode twbs/bootstrap
2 participants
@mdo @realthemes