-
Notifications
You must be signed in to change notification settings - Fork 26.2k
fix(platform-browser): insert APP_ID in styles, contentAttr and hostAttr #17745
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.
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
fix(platform-browser): insert APP_ID in styles, contentAttr and hostAttr #17745
Conversation
b3eac64
to
3207d21
Compare
@petersalomonsen what is the status of your pull request? is it still relevant? please fix conflicts if they exist |
@splincode It is still relevant. Without it you will have overlapping styles when having multiple angular apps on the same page, which is caused by the app id no being included as it is supposed to be according to the documentation here: https://angular.io/guide/component-styles#inspecting-generated-css |
Additionally, current behavior is misleading as APP_ID documentation states that APP_ID should be used as a part of generated attributes for ViewEncapsulation.Emulated (https://angular.io/api/core/APP_ID). This PR would help me a lot! :-) |
@petersalomonsen Are you going to fix PR checks? |
@glipecki Can have a look at it. |
|
@petersalomonsen This pull request is big! |
@splincode Did I merge / rebase the wrong way? I did this:
(as written here: https://github.com/angular/angular/blob/master/CONTRIBUTING.md - if changes are suggested (10)) I've only made two commits. These are the only changes: master...petersalomonsen:16676-viewencapsulation-appid |
eef0bb0
to
c17cf8c
Compare
@splincode Should never have used the sync button in visual studio code that created a merge commit. Merge commit is removed now. |
@petersalomonsen Can you edit the code according to the formatting rules (default tslint.json)? |
@petersalomonsen Use interactive git rebase to combine your little commits into one |
c17cf8c
to
623edf2
Compare
@splincode Now combined into one commit. And I've also run |
65f79bc
to
f73b907
Compare
All CI tests are passing now. What more can I do for this PR to be accepted? |
@petersalomonsen this PR looks great! I also need this fix to allow our micro-apps to have non-conflicting styles when using https://github.com/CanopyTax/single-spa. Do you know what's preventing this PR from being approved/merged? (Sorry that I'm not familiar with the contribution process.) |
@aaaa0441 I think the remaining depends on the Angular repository managers now, but if there's something more I can do to complete the merge I'd be happy to help - so let me know. |
@petersalomonsen Thanks for responding. I got your changes and applied the diff to my local I definitely prefer Angular to have this fixed instead of monkey patching it the way I am doing. However, I have no other way for our project to move on now. =( Really hope this gets merged soon. Who can we @ to get this expedited? |
530486e
to
db0818c
Compare
@petersalomonsen looks like this is failing some unit tests, including a regex check for the _nghost attribute in
|
ce1642d
to
633825f
Compare
@mleibman I believe the regex checks are fixed now. The circle_ci integration test passed on the previous push, and there were no other changes than a few spaces to please the linter (sorry for not sorting this out locally before pushing). |
@petersalomonsen Thanks! I'm not an Angular team member, so I can't review/merge it myself. I'm just facilitating since I depend on this fix :) |
633825f
to
9e3d82f
Compare
CARETAKER: The build failure is bazel build time, which is unrelated to this PR, please merge manually. |
9e3d82f
to
56dc55d
Compare
is this PR merged to master ? |
Yes
2019-07-04 14:34 GMT+02:00 fazil1987<notifications@github.com>:
… is this PR merged to master ?
--
You are receiving this because you were mentioned.
Reply to this email directly or view it on GitHub:
#17745 (comment)
|
This issue has been automatically locked due to inactivity. Read more about our automatic conversation locking policy. This action has been performed automatically by a bot. |
PR Checklist
Does please check if your PR fulfills the following requirements:
PR Type
What kind of change does this PR introduce?
What is the current behavior?
Issue Number: 16676
What is the new behavior?
APP_ID is inserted between nghost/ngcontent and component id in styles, contentAttr and hostAttr as it is supposed to do according to the documentation (https://angular.io/guide/component-styles)
Does this PR introduce a breaking change?
Other information
Existing tests have been modified to check for the APP_ID presence. Documentation already states that this should be present, so the change is bringing the implementation closer to how the documentation says it should work.