Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Floating label rendering issue

See original GitHub issue

As mentionned ~~in #31955 (comment)~~ and #30449 (comment), it seems we have a few quriks related to fonts on Ubuntu.

Could relate to #31657 but I don’t think so: this need to test things again, comparing our previous font-stack and probably try another one.

~~Maybe introduce font-size-adjust to lock this a bit more?~~

Edit: only striking through obsolete sutff just in case, but file input relates to a Firefox bug. Only leaving this one with a floating label rendering issues.

Ubuntu 18, Firefox 84 / Chromium 86
when ending the transition, there’s a little quirk where text seems to struggle a bit to get its final position and aspect.

Issue Analytics

State:
Created 3 years ago
Comments:7 (7 by maintainers)

Top GitHub Comments

1reaction

alecplcommented, Oct 28, 2020

I think the stack might be ok. Here’s more info on the file input issue https://github.com/twbs/bootstrap/pull/31955#issuecomment-717729880. I tried font-size-adjust:0.5 on the button, it fixed the issue for normal size input, but not for large. Putting it on the body element does not do anything. So, I’m not sure that’s a solution.

1reaction

MartijnCuppenscommented, Oct 27, 2020

Maybe introduce font-size-adjust to lock this a bit more?

Feels like a hack, just to fix Ubuntu.

Top Results From Across the Web

Text is not rendered, issues creating floating labels in 3d space

Im trying to create simple floating text labels around the 3dspace, I didn't find the way to do them by themselves, so I...

How do I fix floating CSS label always being active showing ...

I am wanting for the labels to be in one starting position, then to move up and resize once focused on, and turn...

Floating labels · Bootstrap v5.0

Create beautifully simple form labels that float over your input fields. On this page. Example; Textareas; Selects; Layout; Sass. Variables. Example. Wrap ...

issues with Bootstrap and setting width has no effect when ...

Indeed, the floating label is the issue here. It requires a special CSS class that, most notably, puts position: relative on the wrapper...

Floating label of textbox don't work - Vue - Syncfusion

I use a server side rendering by Asp.Net MVC classic. I need use a full framework js-library without npm. Please make a sample...