Skip to content

Angular 15.0.0: extremely strange behavior in Chrome's DevTools #48151

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
Closed
artuska opened this issue Nov 21, 2022 · 8 comments
Closed

Angular 15.0.0: extremely strange behavior in Chrome's DevTools #48151

artuska opened this issue Nov 21, 2022 · 8 comments
Labels
area: devtools needs reproduction This issue needs a reproduction in order for the team to investigate further
Milestone
Backlog

Comments

@artuska
Copy link

artuska commented Nov 21, 2022 •
edited
Loading

Which @angular/* package(s) are the source of the bug?

Don't known / other

Is this a regression?

Yes

Description

  1. do not create an app with ng new
  2. just upgrade your own application to the Angular 15.0.0
  3. open your app in any latest Chromium-based browser (Google Chrome, Microsoft Edge)
  4. inspect any DOM element
  5. this will open DevTools styles pane
  6. uncheck or change any style rule

Now inspected element's styles will double; some other element's styles will just disappear breaking your layout.

Please provide a link to a minimal reproduction of the bug

No response

Please provide the exception or error you saw

No response

Please provide the environment you discovered this bug in (run ng version)

Angular CLI: 15.0.0
Node: 18.12.1
Package Manager: npm 9.1.1
OS: win32 x64

Angular: 15.0.0
... animations, cdk, cli, common, compiler, compiler-cli, core
... elements, forms, platform-browser, platform-browser-dynamic
... router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1500.0
@angular-devkit/build-angular   15.0.0
@angular-devkit/core            15.0.0
@angular-devkit/schematics      15.0.0
@schematics/angular             15.0.0
rxjs                            7.5.7
typescript                      4.8.4

Anything else?

No response
@artuska
Copy link
Author

artuska commented Nov 21, 2022

This behavior is relevant for all Chromium based browsers (checked in Crome, Edge); in Firefox everything is fine.

@FetterBaby
Copy link

I've got same problem

@JoostK
Copy link
Member

JoostK commented Nov 21, 2022

This doesn't seem to reproduce on angular.io (an Angular 15 app), can you share a repro?

@JoostK JoostK added the needs reproduction This issue needs a reproduction in order for the team to investigate further label Nov 21, 2022
@FetterBaby
Copy link

@JoostK
I hope this is clear enough, this is my first experience of participating in such things, I may be incorrect, sorry if this is so
https://user-images.githubusercontent.com/108720183/203159159-4e6b3564-85bf-4680-a251-35219a5d198e.mov

@JoostK
Copy link
Member

JoostK commented Nov 21, 2022

That is almost certainly a Chrome bug.

@ngbot ngbot bot added this to the Backlog milestone Nov 22, 2022
@ardesbois
Copy link

i've got same problem only from ng serve
no problem with the package generated from ng build (deployed into apache server)

@JoostK
Copy link
Member

JoostK commented Dec 9, 2022

I am going to close this in favor of angular/angular-cli#24414 since that includes a reproduction.

@JoostK JoostK closed this as not planned Won't fix, can't repro, duplicate, stale Dec 9, 2022
@JoostK JoostK mentioned this issue Dec 9, 2022
Closed
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Jan 12, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
area: devtools needs reproduction This issue needs a reproduction in order for the team to investigate further
Projects
None yet
Milestone
Backlog
Development

No branches or pull requests
5 participants
@JoostK @artuska @dylhunn @ardesbois @FetterBaby
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy