lucide icon indicating copy to clipboard operation
lucide copied to clipboard

Published 20 hours ago • verified publisher icon lucide-icons

Filter is a reserved HTML element

Open felix-berlin opened this issue 2 years ago • 3 comments

Prerequisites

  • Version: 0.17.1
  • Are you running from source/master: No
  • Are you using a released build: No
  • Operating system: Win 11
  • Bits: 64 bits

Step to reproduce

  • Add and use the filter icon
  • Used inside a Nuxt v2 project

Actual behavior

Any message or error

  • Do not use built-in or reserved HTML elements as component id: Filter

Resources

image

felix-berlin avatar Feb 25 '22 01:02 felix-berlin

@felix-berlin Thanks for reporting. To fully reproduce this issue can you maybe provide a example project in a repo or maybe better a codesandbox/stackblitz?

ericfennis avatar Feb 27 '22 20:02 ericfennis

If this needs to be fixed, it's not just filter. Other icons match SVG or HTML elements as well:

SVG elements: circle, filter HTML elements: code, menu, option, table, video.

fdev avatar Mar 05 '22 10:03 fdev

Hmm it's weird that this still happens. I added an 'Icon' suffix a while ago in the export template From what I understand if you add this to name this should not be a problem. Because setting the name will change the component Id. But seems some SVG elements are ignored with this fix. Vue ref issue

Codesandbox

ericfennis avatar Mar 07 '22 18:03 ericfennis