Communities

Writing
Writing
Codidact Meta
Codidact Meta
The Great Outdoors
The Great Outdoors
Photography & Video
Photography & Video
Scientific Speculation
Scientific Speculation
Cooking
Cooking
Electrical Engineering
Electrical Engineering
Judaism
Judaism
Languages & Linguistics
Languages & Linguistics
Software Development
Software Development
Mathematics
Mathematics
Christianity
Christianity
Code Golf
Code Golf
Music
Music
Physics
Physics
Linux Systems
Linux Systems
Power Users
Power Users
Tabletop RPGs
Tabletop RPGs
Community Proposals
Community Proposals
tag:snake search within a tag
answers:0 unanswered questions
user:xxxx search by author id
score:0.5 posts with 0.5+ score
"snake oil" exact phrase
votes:4 posts with 4+ votes
created:<1w created < 1 week ago
post_type:xxxx type of post
Search help
Notifications
Mark all as read See all your notifications »
Q&A

Welcome to Codidact Meta!

Codidact Meta is the meta-discussion site for the Codidact community network and the Codidact software. Whether you have bug reports or feature requests, support questions or rule discussions that touch the whole network – this is the site for you.

Post History

85%
+10 −0
Q&A Notifications and Communities buttons not responding to icon clicks

Previously, clicking on the icon for Notifications or Communities at the top right of the page resulted in the appropriate drop down panel appearing. Today, the panel only opens if the square area ...

0 answers  ·  posted 1y ago by trichoplax‭  ·  edited 11mo ago by Monica Cellio‭

#4: Post edited by user avatar Monica Cellio‭ · 2023-05-07T04:12:38Z (11 months ago)
#3: Post edited by user avatar trichoplax‭ · 2022-11-26T20:26:17Z (over 1 year ago)
Mention hamburger menu on mobile is also affected
  • Previously, clicking on the icon for Notifications or Communities at the top right of the page resulted in the appropriate drop down panel appearing. Today, the panel only opens if the square area around the icons is clicked. Clicking on the icons themselves does not open the panel (although it still works for closing the panel).
  • ![Panels only open when clicking around the edges rather than on the icons](https://meta.codidact.com/uploads/t2ffwf58unghoqyb55stsljmlwfh)
  • On the desktop site this is confusing, but can be worked around by remembering to click the edges once you know to do this. However, on the mobile site touching a small area around the edge of the icon is more challenging, making navigating the mobile site difficult.
  • I don't know if there are any other similar buttons affected in this way. I've tested that the reactions panel opens fine, but that involves clicking on text rather than an icon.
  • ## HTML
  • In terms of HTML tags, clicking on the `<a>` tag directly works fine, but clicking on the `<span>` tag (for the blue notification circle with a number in it) or the `<i>` tag (for the Notifications envelope icon or the Communities down arrow icon) only works for closing the panel, not opening it.
  • ---
  • *In case it's related: I saw this behaviour on my first use of the site after the recent code release*
  • Previously, clicking on the icon for Notifications or Communities at the top right of the page resulted in the appropriate drop down panel appearing. Today, the panel only opens if the square area around the icons is clicked. Clicking on the icons themselves does not open the panel (although it still works for closing the panel).
  • ![Panels only open when clicking around the edges rather than on the icons](https://meta.codidact.com/uploads/t2ffwf58unghoqyb55stsljmlwfh)
  • On the desktop site this is confusing, but can be worked around by remembering to click the edges once you know to do this. However, on the mobile site touching a small area around the edge of the icon is more challenging, making navigating the mobile site difficult.
  • On mobile one other button is affected: the hamburger menu (3 horizontal lines icon) at the top right of the page. As this is a bigger icon it is more difficult to touch the space around it without touching the icon. I find I need to zoom in to make the space around the icon easy to touch, then zoom back out to view the panel that has opened.
  • I don't know if there are any other similar buttons affected in this way. I've tested that the reactions panel opens fine, but that involves clicking on text rather than an icon.
  • ## HTML
  • In terms of HTML tags, clicking on the `<a>` tag directly works fine, but clicking on the `<span>` tag (for the blue notification circle with a number in it) or the `<i>` tag (for the Notifications envelope icon or the Communities down arrow icon) only works for closing the panel, not opening it.
  • ---
  • *In case it's related: I saw this behaviour on my first use of the site after the recent code release*
#2: Post edited by user avatar trichoplax‭ · 2022-11-25T06:52:36Z (over 1 year ago)
Mention release
  • Previously, clicking on the icon for Notifications or Communities at the top right of the page resulted in the appropriate drop down panel appearing. Today, the panel only opens if the square area around the icons is clicked. Clicking on the icons themselves does not open the panel (although it still works for closing the panel).
  • ![Panels only open when clicking around the edges rather than on the icons](https://meta.codidact.com/uploads/t2ffwf58unghoqyb55stsljmlwfh)
  • On the desktop site this is confusing, but can be worked around by remembering to click the edges once you know to do this. However, on the mobile site touching a small area around the edge of the icon is more challenging, making navigating the mobile site difficult.
  • I don't know if there are any other similar buttons affected in this way. I've tested that the reactions panel opens fine, but that involves clicking on text rather than an icon.
  • ## HTML
  • In terms of HTML tags, clicking on the `<a>` tag directly works fine, but clicking on the `<span>` tag (for the blue notification circle with a number in it) or the `<i>` tag (for the Notifications envelope icon or the Communities down arrow icon) only works for closing the panel, not opening it.
  • Previously, clicking on the icon for Notifications or Communities at the top right of the page resulted in the appropriate drop down panel appearing. Today, the panel only opens if the square area around the icons is clicked. Clicking on the icons themselves does not open the panel (although it still works for closing the panel).
  • ![Panels only open when clicking around the edges rather than on the icons](https://meta.codidact.com/uploads/t2ffwf58unghoqyb55stsljmlwfh)
  • On the desktop site this is confusing, but can be worked around by remembering to click the edges once you know to do this. However, on the mobile site touching a small area around the edge of the icon is more challenging, making navigating the mobile site difficult.
  • I don't know if there are any other similar buttons affected in this way. I've tested that the reactions panel opens fine, but that involves clicking on text rather than an icon.
  • ## HTML
  • In terms of HTML tags, clicking on the `<a>` tag directly works fine, but clicking on the `<span>` tag (for the blue notification circle with a number in it) or the `<i>` tag (for the Notifications envelope icon or the Communities down arrow icon) only works for closing the panel, not opening it.
  • ---
  • *In case it's related: I saw this behaviour on my first use of the site after the recent code release*
#1: Initial revision by user avatar trichoplax‭ · 2022-11-25T06:50:13Z (over 1 year ago)
Notifications and Communities buttons not responding to icon clicks
Previously, clicking on the icon for Notifications or Communities at the top right of the page resulted in the appropriate drop down panel appearing. Today, the panel only opens if the square area around the icons is clicked. Clicking on the icons themselves does not open the panel (although it still works for closing the panel).

![Panels only open when clicking around the edges rather than on the icons](https://meta.codidact.com/uploads/t2ffwf58unghoqyb55stsljmlwfh)

On the desktop site this is confusing, but can be worked around by remembering to click the edges once you know to do this. However, on the mobile site touching a small area around the edge of the icon is more challenging, making navigating the mobile site difficult.

I don't know if there are any other similar buttons affected in this way. I've tested that the reactions panel opens fine, but that involves clicking on text rather than an icon.

## HTML
In terms of HTML tags, clicking on the `<a>` tag directly works fine, but clicking on the `<span>` tag (for the blue notification circle with a number in it) or the `<i>` tag (for the Notifications envelope icon or the Communities down arrow icon) only works for closing the panel, not opening it.