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.

Date picker month name cut off

See original GitHub issue

Expected Behavior

The month name should be displayed along-side of the year with enough space and padding.

Current Behavior

The month name is currently cut off because it is overlapping with the year.

Possible Solution

The width could be increased to 100% (or another relative size) of the parent. A fixed width is generally undesirable because it hinders support for other languages.

.datepicker-controls .select-month input {
  width: 100%;
}

Steps to Reproduce (for bugs)

https://codepen.io/TheHole/pen/eKKoEz

Context

The context is a simple form that requires date selection.

Your Environment

Version used: 1.00 rc2

Issue Analytics

State:
Created 5 years ago
Reactions:2
Comments:8

Top GitHub Comments

2reactions

robertguetzkowcommented, Jun 24, 2018

It’s also quite annoying that the left side bar of the date picker wobbles because it’s not fixed size (and the font isn’t monospaced). For example “Thu, Sep 20” takes more space than “Fri, Sep 21”. While this isn’t a bug, it could be fixed for the new release. I can create another ticket, if you’re interested in adjusting this behavior.

0reactions

roman02commented, Aug 8, 2019

Is this going to be fixed by the team?