inertia

Cleanup memory leaks on an Unmounted Component in React Hooks

微笑、不失礼 提交于 2020-02-08 22:35:25
问题 I'm new using React, so this might be really simple to achieve but I can't figure it out by myself even though I've done some research. Forgive me if this is too dumb. Context I'm using Inertia.js with the Laravel (backend) and React (front-end) adapters. If you don't know Inertia, it basically: Inertia.js lets you quickly build modern single-page React, Vue and Svelte apps using classic server-side routing and controllers. Issue I'm doing a simple login page that has a form that when

Correctly redirect to another page with inertia?

久未见 提交于 2020-01-25 08:32:10
问题 I"m trying to redirect on click to another page, for some reason it's not working. This is the code on my vue where the redirect buttons are. I've tried two different ways and neither are working. <el-row class="import-btn"> <a :href="'/imports/teachers'"> <el-button type="warning"> Importar </el-button> </a> </el-row> <el-row class="import-btn"> <el-button type="warning" @click="redirectStudents()"> Importar </el-button> </el-row> redirectStudents() { this.$inertia.visit('/imports/students')

stopping mousewheel event from happening twice in OSX

风格不统一 提交于 2019-12-02 18:53:20
I noticed mousewheel event is happening multiple times in mac osx. Can be atributed to inertia feature. Is there a way to fix this behaviour? (self signed ssl no worries please!) https://sandbox.idev.ge/roomshotel/html5_v2/ I'm using scrollSections.js https://github.com/guins/jQuery.scrollSections And it uses mousewheel jquery plugin: https://github.com/brandonaaron/jquery-mousewheel I'm seeing a lot of people having the same issue: https://github.com/brandonaaron/jquery-mousewheel/issues/36 There are some solutions but none works with scrollSections plugin. Any ideas how to disable this

Webkit overflow scrolling touch CSS bug on iPad

心已入冬 提交于 2019-11-28 04:33:29
If you visit this page on your iPad device on the latest version of iOS you can follow along. http://fiddle.jshell.net/will/8VJ58/10/show/light/ I have two elements with the new -webkit-overflow-scrolling: touch; property and value applied. The left hand grey area has plenty of content and will scroll in portrait or landscape. The right will only scroll in landscape. If you start in landscape (refresh in landscape) you can scroll both areas with the inertia scrolling. Works great. Now flip your iPad into portrait and only the left hand area will scroll. This is as intended. But when you flip

jquery vertical mousewheel smooth scrolling

故事扮演 提交于 2019-11-27 11:55:38
I'm making a parallax website and I would like to make the page scroll smoother with the mousewheel for a better user experience. The best example I could get was this website: http://www.milwaukeepolicenews.com/#menu=home-page It would be great if I could get something similar to that into my website, the smooth vertical scrolling and scroll inertia. I noticed they are using Brandon Aaron's jQuery mousewheel which is very light but I'm just a beginner and cannot make it work by myself. Also i noticed this in their mpd-parallax.js: jQuery(window).mousewheel(function(event, delta, deltaX,

-webkit-overflow-scrolling: touch; breaks in Apple's iOS8

荒凉一梦 提交于 2019-11-27 06:18:01
I'm working on a web app that uses -webkit-overflow-scrolling:touch in several places to give the overflown divs inertia scrolling. Since updating to IOS8, -webkit-overflow-scrolling: touch stops you being able to scroll whatsoever, and the only way I have been able to fix this so far is by removing -webkit-overflow-scrolling: touch which leaves the standard sticky scrolling. Please help! Here is an example of one of the standard classes that works in iOS5, 6, and 7: .dashboardScroll { height: 100%; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; /*MAKES OVERFLOWN