Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: Extra space on the left side of FluentAnchor with appearance Hypertext #3130

Closed
haefele opened this issue Jan 6, 2025 · 1 comment · Fixed by #3131
Closed

fix: Extra space on the left side of FluentAnchor with appearance Hypertext #3130

haefele opened this issue Jan 6, 2025 · 1 comment · Fixed by #3131
Labels
closed:done Work is finished
Milestone

Comments

@haefele
Copy link

haefele commented Jan 6, 2025

🐛 Bug Report

There is some extra space on the left side of FluentAnchor when using Appearance.Hypertext.

💻 Repro or Code Sample

The problem happens on the docs page of the FluentAnchor component right in the first example here:
https://www.fluentui-blazor.net/Anchor

I took this example from the docs:

<p>With custom action</p>
<FluentAnchor Href="#" Appearance="Appearance.Hypertext" OnClick="HandleClick">Link with no Href</FluentAnchor>

🤔 Expected Behavior

The <p> element content, and the <FluentAnchor> content should be in line.
There shouldn't be any extra space when using Appearance.Hypertext.

😯 Current Behavior

I added a red line that shows the anchor is in line as a Button, but there is a bit of extra space with as Hypertext

Example current behavior

💁 Possible Solution

Not sure tbh. I'm not very good with CSS (which is why I like using this component library 😄).

But I think this problem was accidentally introduced in #2624 .

🔦 Context

🌍 Your Environment

  • OS & Device: Windows on PC
  • Browser: Microsoft Edge
  • .NET Version: 8.0.11
  • Fluent UI Blazor library Version: 4.10.2 and 4.11.0
@microsoft-github-policy-service microsoft-github-policy-service bot added the triage New issue. Needs to be looked at label Jan 6, 2025
@vnbaaij vnbaaij added closed:done Work is finished and removed triage New issue. Needs to be looked at labels Jan 6, 2025
@vnbaaij vnbaaij added this to the v4.11.1 milestone Jan 6, 2025
@vnbaaij
Copy link
Collaborator

vnbaaij commented Jan 6, 2025

Will be fixed in next release by PR mentioned

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
closed:done Work is finished
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants