Bug #10846

Icon area within buttons are not clickable

Added by Marcos Mendoza 8 months ago. Updated 7 months ago.

Very Low
Web Interface
Target version:
Start date:
Due date:
% Done:


Estimated time:
Affected Version:
Affected Architecture:
Release Notes:


The embedded icon section of buttons are not clickable. See attached for reference.

This seems to only affect the delete buttons within "Firewall / Schedules / Edit", though I'm unsure why.

Adding the following CSS to .icon-embed-btn in pfSense.css fixes it:
pointer-events: none;

Though this fix would affect every part of the web interface, I did not find the bug anywhere else. However, I also did not find any mention of .icon-embed-btn where a pointer-event was used or needed. The pointer events always occurred on the parent of the element (e.g. <a> and <button> elements).

icon.png (8.93 KB) icon.png Marcos Mendoza, 08/21/2020 03:32 PM


#1 Updated by Marcos Mendoza 8 months ago

#2 Updated by Marcos Mendoza 8 months ago

  • Affected Version set to All

#3 Updated by Jim Pingle 8 months ago

  • Status changed from New to Pull Request Review

This issue only seems to affect the delete button on the schedules page. I can't find any other button that won't let me click the icon. And even with the patch from to PR at applied, I can't click the icon on that one specific button.

#4 Updated by Renato Botelho 8 months ago

  • Status changed from Pull Request Review to Feedback
  • Assignee set to Renato Botelho
  • Target version set to 2.5.0
  • % Done changed from 0 to 100

PR has been merged. Thanks!

#5 Updated by Danilo Zrenjanin 7 months ago

  • Status changed from Feedback to Resolved

Tested on :

2.5.0-DEVELOPMENT (amd64)
built on Thu Sep 17 13:55:47 EDT 2020

The whole button is clickable.

Ticket resolved.

Also available in: Atom PDF