== Steps to reproduce
1) In an incognito window, go to your user's talk page on beta (e.g. https://en.wikipedia.beta.wmflabs.org/wiki/User_talk:Nray_beta)
2) Click the "New section" tab.
3) Write "Hello" for the "Subject/headline" field. Write `Hello [[User:Nray_beta]] ~~~~` for the body making sure to replace `Nray_beta` with your user's username.
4) Click Publish changes
5) Go to https://en.wikipedia.beta.wmflabs.org and login with your user.
6) You should see the orange alert saying "You have a new Talk page message".
7) Click the bell icon to open the alerts popover.
8) Click the "Mark all as read" button
== Expected results
- After clicking the "Mark all as read" button, the orange talk alert should disappear
== Actual results
- After clicking the "Mark all as read" button, the orange talk alert remains in place
{F34524175}
== Environments observed
- Browser version: Chrome Version 91.0.4472.77
- OS version: Big Sur
- Device model: MacBook Pro
- Device language: En
=== Check any additional observations
[x] Observed on the [[ https://en.wikipedia.beta.wmflabs.org/wiki/Barack_Obama | beta cluster wiki ]]
[] Observed on a [[ https://en.wikipedia.org/wiki/Barack_Obama | production wiki ]]
[] Observed on [[ https://en.wikipedia.org/wiki/Barack_Obama | Vector desktop skin ]]
[] Observed on [[ https://en.m.wikipedia.org/wiki/Barack_Obama | MinervaNeue responsive skin ]]
[x] Observed while logged in
[] Observed while //not// logged in (anonymous)
== Developer notes
Echo [[ https://github.com/wikimedia/mediawiki-extensions-Echo/blob/7d39fca9249313ef3af1fbf061571d636d795f76/modules/ext.echo.init.js#L172 | expects an element ]] with an id of `pt-talk-alert`. In new Vector (this isn't a problem in legacy Vector), an id of `ca-talk-alert` gets assigned instead:
{F34524183}
To fix this, we can explicitly set an id of pt-talk-alert in Echo:
https://gerrit.wikimedia.org/r/c/mediawiki/extensions/Echo/+/700717