Native HTML5 Drag and Drop in Mobile Safari (iPad, iPod, iPhone)?

I've successfully implemented native HTML5 Drag and Drop for moving HTML elements inside a page (just, say, a div from one place to another, nothing related to interacting with the host OS' files...

Why Safari on iOS is not showing my HTML5 video poster?

I have this webpage: http://healthpad.net/dashboard/ It have 10 <video> elements on it. For some reason, when I load the page on an iPad, it is not showing the video posters. Try the...

Bootstrap collapse component not closing menu on clicking away

When I click away the menu doesn't hide, I found this code at: http://getbootstrap.com/components/#navbar but doesn't work as it should. <nav class="navbar navbar-default navbar-fixed-top"...

div width 100 percent not working in mobile browser

I am trying to do something that, I thought, was very simple. The header of a website I am building is a solid color that needs to span the entire width of the screen regardless of which browser...

CSS Animation transform: translate poor performance on iPad

I am finding it hard to troubleshoot slow/ janky rendering of a transition animation on my portfolio site http://robthwaites.com, when viewed in mobile Safari/ (iPad and iPhone). When you click on...

Table Gap Issue in Gmail App

After days of of trying to find a solution(unsuccessfully), I've decided to turn to the collective wisdom and experience of the community for help. I I have a email template that displays...

Less lighten, darken, and spin only work sometimes

The issue I'm a newbie to LESS, and we just learned some basics about parametric mixins in my Intermediate CSS & Preprocessors course. I'm working on my project website, and loving what LESS can...

How to properly submit form to Flask with AJAX?

I'm a beginner in Python and AJAX, why when I run my app.py with app.html, the result that I want to display are replaced with a whole form? Here is my code: from flask import Flask,...

Unable to access elements within <object> tag in selenium

Webpage contains a popup, with in the popup there is <'object'>, through object Popup displaying another site content. Here, in that site content, I am unable to enter the data into Login field...

How to change the .load method into direct usage of a variable from the html file in jQuery, for the schedule-template of CodyHouse

I have been a long time lurker on the site, but have finally stumbled upon a problem that made me create an account in the hope I could use your insights. The problem I have is the following. I...

Fancybox 3.5.7 does not scroll in Google Chrome Browsers on Android devices using Touch

This question is the same as the following StackOverflow questions, but these are old and I have downloaded the latest version of Fancybox (3.5.7) which makes my question more...

Flexbox: variable/dynamic height items with column wrap

I'm struggling with creating a dynamic layout which is different for mobile and desktop. The items should be different sorted based on the screen width and the layout should change. Below is the...

Why Has My Google PageSpeed Insights Score Lowered So Much?

Prod For desktop, I have a site with a decent page speed score (currently, 96):...

How to detect the device on React SSR App with Next.js?

on a web application I want to display two different Menu, one for the Mobile, one for the Desktop browser. I use Next.js application with server-side rendering and the library...

NVDA Ignoring "aria-hidden" with Boostrap Popover - Reads "blank"

I am trying to improve a website's accessibility, and I am coming across some issues making things work for both mobile (VoiceOver and TalkBack) and on desktop using NVDA. I am trying to use the...

Adding meta tags on React.js

I'm trying to add dynamic meta-tags on every single page. But still can't see my meta-tags on my page source code. Do I need to put something in public/index.html... I'm not using server I'm...

How to Remove ISO Code After Product Price (Shopify)

I have recently built out my store (whitewolf.co.za) with Shopify and installed an app that automatically switches the currency from my native currency (ZAR) to basically any other currency I...

AdminLTE Integration with React and JQuery not working until I refresh a few times

I'm working on web application using React and trying to integrate AdminLTE theme to it. The problem is when the page is loaded and I click on the side menu to expand the submenu until I refresh...

Clearing wordpress caching not working, shows the old page unable to clear cache

I redesigned my wordpress site recently but fortunately/unfortunately i had some sort of caching plugin installed on it which is causing the first load page (the home page) to show as the older...

Getting white screen on running npm start in my react js project

So is <strictmode causing this problem ???2I am getting a white screen while i am trying to run npm start . The npm start works but I am getting a white screen on http://localhost:3000/ . I tried...

NextJS/Ant-design styles and JS bundles delaying to load in staging

Hello beautiful people, I need help with my NextJS and Ant-design app. The present issue is only happening on stagging & production environment, I am not able to reproduce it locally, neither by...

Getting blank page when React App is deployed and hosted by firebase

I am getting a blank page when I go to my website domain after deploying it through firebase - I know what I did wrong which was I said (yes) to the option of overwriting my index/html file when...

Material-ui: how to avoid dynamic content "jumping" because of scrollbar?

I have an browser app that dynamically shows content that can be shorter or longer than the available screen size. On desktop browsers, this causes vertical scrollbar to appear/disappear, which...

Form on web page?

I'm working on an assignment dealing with forms in HTML and CSS. I'm trying to follow the instructions but my form is coming out really wonky. Any suggestions on how I can fix this? I'd like to...

How to correctly serve my React production build through Django. Currently having MIME type issues with current configuration

I'm trying to deploy my react/django web-app to a linux-VM droplet. I'm not using a webpack for the JS content. Instead, I'm serving npm run build static files through a CDN sub-domain, digital...

Flutter - Dynamic links send user to a website if not android

I am using the dynamic links plugin to create a link, I want that when user clicks on the link if her or she is not on android then he or she must be sent to a website as I have only an android...

next.js styles doesn't update on first render

Using next.js with SSR I'm having a strange problem. My website renders as expected server-side and is served to the client with styles. There are no surprises here when I'm visiting the website...

How can I fix "Failed to compile src/index.js 'firebase' is not defined no-undef"?

I am trying to use a React web app to read and write stuff in a Firebase realtime database. Every time I run "npm run start", I get this error message. Failed to compile src/index.js Line 25:1: ...

Google drive API Error 400: redirect_uri_mismatch with Unity

Hi I'm creating a desktop application with unity to take a photo and upload it to a public google drive account. I have followed the instructions to create the project in google cloud of this...

Split column (50% each) scrolling in the opposite direction - continuous/loop

EDIT On closer inspection this is pretty broken when resizing the viewport. It stops working or on narrow windows and the scroll is super super fast. So I'm putting it up for bounty! -- I've seen...