Skip to content

[Bug]: Portugal's flag SVG and JSX copied content are incorrect #189

Description

@itsbrunocampos

Prerequisites

  • I have searched existing issues to ensure this bug hasn't been reported already
  • I have tested this with the latest version of the components

Bug description

When copying the SVG or JSX content from Portugal's rectangle and square flags, they both get copied as Azores Islands.

SVG copied from the website:
Image

SVG pasted in Figma:
Image

Steps to reproduce

  1. Go to: https://www.untitledui.com/resources/flag-icons
  2. Search for: Portugal
  3. Copy the SVG and the JSX (Rectangle and Square)
  4. Paste the SVG in Figma and the JSX in code

Expected behavior

Both the rectangle and square contents should have the Portugal's flag.

Actual behavior

Both the rectangle and square contents show as Azores Islands's flag.

Code example

Browser

No response

Device type

No response

Component version

No response

Environment details

No response

Screenshots/Videos

No response

Console errors

Additional context

No response

Accessibility impact

  • This bug affects keyboard navigation
  • This bug affects screen reader users
  • This bug affects focus management
  • This bug affects color contrast or visual accessibility

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions