GithubHelp home page GithubHelp logo

Comments (6)

hisnameisjimmy avatar hisnameisjimmy commented on June 20, 2024

Can be fixed by hardcoding the width for the following classes, Edge seems to choke on the ~"calc(100% / 7)". Could potentially cause issues down the line if you want to keep the library up to date, but it works for our purposes.

.daterange .dr-selections .dr-calendar .dr-days-of-week-list .dr-day-of-week
{
	text-align: center;
	width: 14.28%;
}

.daterange .dr-selections .dr-calendar .dr-day-list .dr-day
{
	cursor: pointer;
	padding: .3125rem;
	text-align: center;
	width: 14.28%;
}

from calendar.

kalepail avatar kalepail commented on June 20, 2024

Yeah I appreciate the attempt but too many people are using this to be able to settle for a hard coded value. Gotta stay fluid. There are likely solutions out there but I’ll have to fool with it. Don’t have an edge browser to test in either so I’ll have to use something like browserstack. Glad you found something that fixes for now though for you.

from calendar.

serg0x avatar serg0x commented on June 20, 2024

Thx for quick fix Jimmy. Thx for reply Tyler πŸ‘ . You can test by using virtual box and the official MS edge image https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/ if it helps :)

from calendar.

hisnameisjimmy avatar hisnameisjimmy commented on June 20, 2024

Yeah I used the Microsoft provided VM to test. This is still fluid, as we're using percentage widths. It's just not quite 1/7, it's a tiny bit less (14.28% instead of 14.2857%). However, visually, it looks identical.

This is what it looks like in Edge:

msedge_-win10__running

from calendar.

serg0x avatar serg0x commented on June 20, 2024

Hey yes, thx, I already implemented your fix Jimmy, and it works πŸ₯‡ . My explanation was for Tyler, I thought he wanted to work on the fix for himself :)

from calendar.

kalepail avatar kalepail commented on June 20, 2024

Pushed the 14.28% fix in 1.0.13. Thanks guys!

from calendar.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.