inline component
- Dominant language
- JavaScript
- Stars
- 2k
- Forks
- 858
- PR merge metrics
- No merged PRs in 30d
Description
### I'm Submitting a ...
```
[x] Bug report
[ ] Feature request
[x] Support request
```
### Steps to Reproduce
```js
return (
Select Start
);
```
### Expected Results
label and Datetime component are placed inline which is how most forms look like.
### Actual Results
Datetime component is placed in a newline after the label (display: "block") as the bounding container is a div
```html
```
### Minimal Reproduction of the Problem
### Other Information (e.g. stacktraces, related issues, suggestions how to fix)
I checked [inline div on stackoverflow](https://stackoverflow.com/questions/224602/how-do-you-make-div-elements-display-inline) and that practice seems to be frowned upon.
Is there a known good way to style it that way? make the div as inline-block? float? flex?
Contributor guide
Research direction
Start with the JSX reproduction containing the label and component, then inspect the rendered .rdt container and its layout behavior. Compare the result with the requested inline form layout; done means the label and Datetime component appear inline without introducing a layout regression.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100