How to make the mail button at the bottom of the page work

[Ledmington]

Checklist

• I have read and accepted the contributing guidelines.

How did you create the site?

Generated from chirpy-starter

Describe the bug

This is not a bug (I hope), it's more of a question on how to fix this thing because I couldn't figure it out.
The mail button at the bottom just displays javascript:location.href = 'mailto:' + ['filippo.barbari','gmail.com'].join('@') when hovered (like the one in the demo) but when clicked it doesn't do anything other than opening a new blank tab in my browser.

Expected Behavior

A new window of the default mailing app should open, like the demo does.

Environment

• Ruby: ruby 3.3.4 (2024-07-09 revision be1089c8ec) [x86_64-linux]
• Jekyll: jekyll 4.3.4
• Chirpy: jekyll-theme-chirpy (7.1.1)

[kungfux]

Are you using custom button definition, because I can see a difference in generated HTML?

Chirpy demo:

<a href="..." aria-label="email">

Yours:

<a href="..." aria-label="email" target="_blank" rel="noopener noreferrer">

So, the root cause of this behavior should be related to the target="_blank" rel="noopener noreferrer" properties defined for a link.

[Ledmington]

I think I have not touched the HTML at all. Maybe I need to add noblank: true in the _data/contact.yml file?

[kungfux]

That's right. Please stick to the default configuration layout in _data/contact.yml:

- type: email
  icon: "fas fa-envelope"
  noblank: true # open link in current tab

[inikishev]

Can you please share how have your resolved this this issue?

[kungfux]

Can you please share how have your resolved this this issue?

I think the solution was to have noblank: true defined for the email as in the example above.

[Ledmington]

Yup, sorry, the solution was to add noblank: true in _data/contact.yml.