Comments (2)
I guess #6440 will solve this problem
from primereact.
I just realised it was another css file that was colliding with the styles of FloatLabel.
Which was making the span.float-label be centered, but it has no effect on the label, thus creating that strange effect:
With inspector
I guess that using css files, instead of the theme will cause this type of problems, so it is not guaranteed for bugs like this not to appear when people use custom css like in my case.
Anyway, I've been investigating, and I noticed that the problem happens because both the span (container) and the label have position: relative
, therefore label does not depend on the position of span, but on the position of the outer container. This could be fixed making the span
that contains the input
and the label
have position: absolute
.
I'm not sure if this behaviour is considered a feature or a bug.
from primereact.
Related Issues (20)
- Multiselect: All items at the same index in a group are marked focused
- Tooltip: Escape key not dismissing tooltip (WCAG 2.1 1.4.13) HOT 2
- Reopen: DataTable: rowReorder not displaying "ghost" row when dragging HOT 2
- Scrollpanel: pt barX is gets overwritten when mouse enters scrollpanel
- DataTable: Tabulation is not working propertly. Also editorCallback does not reflect the new value in some cases. HOT 17
- DataTable: Resize columns on touch device HOT 1
- Autocomplete : Unstyled | Tailwind | Loading spinner out of the container HOT 3
- Sidebar: Missing closeButton prop in SidebarPassThroughMethodOptions
- Cannot set full widht of Password compoent when toggleMask is enabled HOT 2
- Doc say DataTable editMode default is "cell" but its Null HOT 3
- colorpicker: Color picker popup not closing on escape button click in some specific scenarios
- DataTable filterDisplay lose focus: DataTable filterDisplay="menu" modal lose onFocus status as soon as you type something
- MeterGroup: CustomRenderProps don't work
- Datatable: Unstyled mode doesn't work with radiobutton
- MultiSelect: Missing reset property HOT 2
- Carousel: does not cycle circular when onPageChange assigned HOT 6
- Knob: Passthrough not working for label HOT 1
- Tieredmenu : remove aria-level attribute from list item HOT 2
- DataTable: Column with selectionMode not setting correctly the aria-label. HOT 3
- Dropdown: Country flags are not shown HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from primereact.