Today I found out that I could inject HTML into our documentation system.
I quickly tested it with the <style> tag by setting all paragraph tags to have eye bleeding red backgrounds.
Then when seeing that it works I've made a modal that displays a blinking red alert with the headline "Access Denied!", a loading bar that says "Tracing intruder IP..." and another line "Erasing confidential information.. .".
Then I've added an animation to run on all paragraph, heading and list tags - first they bounce and then the become transparent.

Then I asked one of the interns to go to that specific document - one of the longest and most important manuals they have access to.
I then left the room and through a window watched the poor, panicking guy looking into the abyss and "realizing" that he somehow deleted the important files and will be traced down soon.

I had to tell him the truth to avoid a suicide in the office.

It was perfect! I will definitely do this to others! :D

Website: "your ad blocker's on, consider adding us to your white list..."
Me: *inspect element*
Me: *Delete modal*
*Insert montage of me hacking into the mainframe for dramatic purposes*

I'm in. 😎

Boss: Can we add a [Close] button at the top right of the modal instead for all the items, the back at the lower left seems out of place.

Me: What modal? You mean move the back button to the top right of the page?

Boss: And make it say [Close]

Me: But it navigates Back. It's not a modal so it doesn't close. [Back] makes more sense than [Close].

Boss: Ok
...
Boss: Change the [Back] on the modal to [Close].

Me: But... fine...

Buttons all now say "Close", they all have double quotes. No one has said anything.

Boss: "If I double-click this button, the modal it opens flicker once for 0.00001 seconds?!?!?!?"

Me: "Ya... It opens two modals. It doesn't break anything, it looks normal except the flickering"

Boss: "It's no good!"

Me: "I've got a solution; don't fucking double click. It's a fucking website."

Boss: "IT'S NOT A WEBSITE. IT'S A SYSTEM"

Me: "It's a fucking website" *Exits room, trying not to strangle the boss".

*Typing a message in a modal.*
*Typing a message in a modal.*
*Typing a message in a modal.*
*Typing a message in a modal.*

*Trying to hit Submit button but misses.*
*Accidentally clicks outside.*

*Entire message is gone.*

I once created a pop up video modal for a client.

A 'bug' was then logged:

"When you click and open the video modal, and then close the tab when finished, it closes the whole site and you have to start over again."

:|

From my work -as an IT consultant in one of the big 4- I can now show you my masterpiece

INSIGHTS FROM THE DAILY LIFE OF A FUNCTIONAL ANALIST IN A BIG 4 -I'M NOT A FUNCTIONAL ANALYST BUT THAT'S WHAT THEY DO-

- 10:30, enter the office. By contract you should be there at 9:00 but nobody gives a shit
- First task of the day: prepare the power point for the client. DURATION: 15 minutes to actually make the powerpoint, 45 minutes to search all the possible synonyms of RESILIENCE BIG DATA AGILE INTELLIGENT AUTOMATION MACHINE LEARNING SHIT PISS CUM, 1 hour to actually present the document.
- 12:30: Sniff the powder left by the chalks on the blackboards. Duration: 30 minutes, that's a lot of chalk you need to snort.

13:00, LUNCH TIME. You get back to work not one minute sooner than 15.00

- 15:00, conference with the HR. You need to carefully analyze the quantity and quality of the farts emitted in the office for 2 hours at least
- 17:00 conference call, a project you were assigned to half a day ago has a server down.
The client sent two managers, three senior Java developers, the CEO, 5 employees -they know logs and mails from the last 5 months line by line-, 4 lawyers and a beheading teacher from ISIS.
On your side there are 3 external ucraininans for the maintenance, successors of the 3 (already dead) developers who put the process in place 4 years ago according to God knows which specifications. They don't understand a word of what is being said.
Then there's the assistant of the assistant of a manager from another project that has nothing to do with this one, a feces officer, a sys admin who is going to watch porn for the whole conference call and won't listen a word, two interns to make up a number and look like you're prepared. Current objective: survive. Duration: 2 hours and a half.
- 19:30, snort some more chalk for half an hour, preparing for the mail in which you explain the associate partner how because of the aforementioned conference call we're going to lose a maintenance contract worth 20 grands per month (and a law proceeding worth a number of dollars you can't even read) and you have no idea how could this happen
- 20:00, timesheet! Compile the weekly report, write what you did and how long did it take for each task. You are allowed to compile 8 hours per day, you worked at least 11 but nobody gives a shit. Duration: 30 minutes
- 20:30, update your consultant! Training course, "tasting cum and presenting its organoleptic properties to a client". Bearing with your job: none at all. Duration: 90 minutes, then there's half an hour of evaluating test where you'll copy the answers from a sheet given to you by a colleague who left 6 months ago.
- 22:30, CHANCE CARD! You have a new mail from the HR: you asked for a refund for a 3$ sandwich, but the receipt isn't there and they realized it with a 9 months delay. You need to find that wicked piece of paper. DURATION: 30 minutes. The receipt most likely doesn't even exist anymore and will be taken directly from your next salary.
- 23:00 you receive a message on Teams. It's the intern. It's very late but you're online and have to answer. There's an exception on a process which have been running for 6 years with no problems and nobody ever touches. The intern doesn't know what to do, but you wrote the specifications for the thing, 6 years ago, and everything MUST run tonight. You are not a technician and have no fucking clue about anyhing at all. 30 minutes to make sure it's something on our side and not on the client side, and in all that the intern is as useful as a confetto to wipe your ass. Once you're sure it's something on our side you need to search for the senior dev who received the maintenance of the project, call him and solve the problem.
It turns out a file in a shared folder nobody ever touches was unreachable 'cause one of your libraries left it open during the last run and Excel shown a warning modal while opening it; your project didn't like this last thing one bit. It takes 90 minutes to find the root of the problem, you solve it by rebooting one of your machines. It's 01:00.

You shower, watch yourself on the mirror and search for the line where your forehead ends and your hair starts. It got a little bit back from yesterday; the change can't be seen with the naked eye but you know it's there.

You cry yourself to sleep. Tomorrow is another day, but it's going to be exactly like today.

True web dev power is using the dev console to get rid of modal boxes so you can see the content underneath

Just found an admin portal online. There was a modal asking for password, but in background the portal was visible. ctrl + shift + i and then closed the modal.

Voila, the whole portal and actions are accessible. Seriously, who develops things like these?

I am pretty sure it's vulnerable to sqli and xss too.

This is what happens to overworked PMs.

Me: When users create accounts with social logins, they don’t have passwords in our database. If they try to enter an email and pw on the login form, what do you want the error message to say?

PM: Can we add a modal that says “Your account doesn’t have a password, set one now.” And have a password field?

Me: ☠️ That…would…allow…anyone…to…hijack…an…account…

PM: Right. Never mind.

Best part about the covid19 manufactured crisis?
Liquor stores deliver. Worst part about liquor stores delivering? Needing to use their shoddy websites.

I've been using a particular store (Total Wines) since they're cheaper than the rest and have better selection; it's quite literally a large warehouse made to look like a store.

Their website tries really hard to look professional, too, but it's just not. It took me two days to order, and not just from lack of time -- though from working 14 hour days, that's a factor.

Signing up was difficult. Your username is an email address, but you can't use comments because the server 500s, making the ajax call produce a wonderfully ambiguous error message. It also fades the page out like it's waiting on something, but that fade is on top of the error modal too. Similar error with the password field, though I don't remember how I triggered it.

Signing up also requires agreeing to subscribe to their newsletter. it's technically an opt-in, but not opting-in doesn't allow you to proceed. Same with opting-in to receiving a text notification when your order is ready for pickup -- you also opt-in to reciving SMS spam.

Another issue: After signing up, you start to navigate through the paginated product list. Every page change scrolls you to the exact middle of the next page. Not deliberatly; the UI loads first, and the browser gets as close as it can to your previous position -- which was below that as the pagination is at the bottom -- and then the products populate after. But regardless of why, there is no worse place to start because now you must scroll in both directions to view the products. If it stayed at the very bottom, it would at least mean you only need to scroll upwards to look at everything on the page. Minor, but increasingly irritating.

Also, they have like 198 pages of spirits alone because each size is unique entry. A 50ml, 350ml, 500ml, 750ml, 1000ml, and 1750ml bottle of e.g. Tito's vodka isn't one product, it's six. and they're sorted seemingly randomly. I think it's by available stock, looking back.

If you fancy a product, you can click on it for a detail page. Said detail page lists the various sizes in a dropdown, but they're not sorted correctly either, and changing sizes triggers a page reload, which leads to another problem:

if you navigate to more than a few pages within a 10 or so second window, the site accuses you of using browser automation. No captcha here, just a "click me for five seconds" button. However, it (usually) also triggers the check on every other tab you have open after its next nagivation.

That product page also randomly doesn't work. I haven't narrowed it down, but it will randomly decide to start failing, and won't stop failing for hours. It renders the page just fine, then immediately replaces it with a blank page. When it's failing, the only way to interact with the page is a perfectly-timed [esc], which can (and usually does) break all other page functionality, too. Absolutely great when you need to re-add everything from a stale copy of your signed-out cart living in another tab. More on that later. And don't forget to slow down to bypass the "browser automation" check, too!

Oh, and if you're using container tabs, make sure to open new tabs in the SAME container, as any request from the same IP without the login cookie will usually trigger that "browser automation" response, too.

The site also randomly signs you out, but allows you to continue amassing your cart. You'd think this is a good thing until you choose to sign in again... which empties your cart. It's like they don't want to make a sale at all.

The site also randomly forgets your name, replacing it with "null." My screen currently says "Hello, null". Hello, cruft!

It took me two days to order.
Mostly from lack of time, as i've been pulling 14 hour shifts lately trying to get everything done. but the sheer number of bugs certainly wasted most of what little time i had left. Now I definitely need a drink.

But maybe putting up with all of this is worthwhile because of their loyalty program? Apparently if you spend $500, you can take $5 off your next purchase! Yay! 1%! And your points expire! There are three levels; maybe it gets better. Level zero is for everyone; $0 requirement. There are also levels at $500 and $2500. That last one is seriously 5x more than the first paid level. and what does it earn you? A 'free' magazine subscription, 'free' classes (they're usually like $20-$50 iirc), and a 'free' grab bag (a $2.99 value!) twice per month. All for spending $2500. What a steal. It reminds me of Candy Crush's 3-star system where the first two stars are trivial, and the third is usually a difficult stretch goal. But here it's just thinly-veiled manipulation with no benefit.

I can tell they're employing some "smarketing" people with big ideas (read: stolen mistakes), but it's just such a fail.

The whole thing is a fail.

It was when I ditched React. I replaced it with raw JavaScript, with frontend being built with Gulp and Twig (just because HTML has no includes). Here are the results:
1. Previously, a production frontend build took 1.5 minutes. Build time became so fast that after I push the code, the build was done before me going to Netlify to check build status. I go there, and it’s almost always already done.
2. In a gallery with a lot of cards, with every card opening a modal, the number of listeners was reduced from N to one. With React, I needed 1000 listeners for 1000 cards. With raw JavaScript, I needed just one click listener with checking event target to handle all of the cards.
3. Page load time and time-to-interactive was reduced from seconds to milliseconds.
4. Lighthouse rating became 100 for desktop and 93 for mobile.

But there is one more thing that is way better than all of the above: cognitive complexity.

Tasks that took days now take hours. Tasks that took hours now take minutes.
Tasks that took thousands of lines now take hundreds. Tasks that took hundreds of lines now take tens.

In real business apps, it is common to build features and then realize it’s not needed and should be discarded. Business is volatile, just because the real world is volatile too. With this kind of cost reduction per feature, it became way less painful to discard them. Throwing out something you spent time and emotional resource on doesn’t feel good. But with features taking minutes to build, it became easier.

So our university website was recently refurbished with new design. But fucking hell it's bad. Not only the whole website is full of bugs, the design choices are extremely poor.

Sometimes, when I open a course page, it opens a modal with undefined as it's title. And I have to click close button ten times to close the modal.

I can't even blame university. The guy was a former student and Uni probably trusted him. What a retard!

Tldr; my "this is not bug, its a feature" moment actually turned my bug into a feature.

Today we were presenting a project which has imposible deadline. I am developing this small project alone (which is probably good). I implemented core features first but I know project still have bugs and a lot of tech debts. Another friend started to presenting our demo and a wild bug appeared as expected. He was adding rows to a table. To add a new you gotta open new modal by clicking + button and fill the form. One of the fields had a bug. When you add row by clicking Ok button, the value of the field stayed there after you open modal again. So its basically a state problem in React. I forgot to clear previous state of modal. When they see that and my friend said "oh we got a bug there". Then I enabled my mic and said "thats not a bug, thats a feature. I didn't want to enter that field again and again when I adding multiple rows and made it persistent." and you know what? They liked the idea! They requested to add that bug to two more fields. I was just joking and my "this is not bug, its a feature" moment actually turned my bug into a feature. Instead of fixing it, I'm creating more of this bug. LOL!

Spent bloody ages trying to figure out why my Modal wasn't working. There was a space in the id name :/

Today a tester asked me to make a modal smaller. I read the code and saw modal size was explicitly set to "large". So I was about to set its size to default but I asked myself "what if I enter a random string there?" and I set it to "not-so-big". UI framework handled it well and actually set its size to default. I'm keeping the code that way for future laughters.

Hi all, first rant.

I work on an app on the Shopify platform, which requires me to look at the front end of people’s Shopify stores about half the day.

Can we PLEASE get the Shopify devs together and convince them to put a hard limit on the number of pop ups and slide ins and modal apps a single store can have running??? When a user (or app developer) can’t click on a product to buy it (or test installation) because ‘spin the wheel’ and ‘join the mailing list’ and ‘Karen in Ohio just bought a toaster’ won’t stop popping into the view, your UX is shit.

I realize people could still actually go in and build these things into their store code - but I’m willing to bet VERY few would.

Thanks - rant over.

I was writing a looong rant and accidentally clicked outside the form in desktop modal...RIP

When you've written out a grand and glorious rant or maybe an idea for a new feature, you're about to hit Post, then suddenly you realise - "Nah, that's shit" and close the modal.

As a pretty solid Angular dev getting thrown a react project over the fence by his PM I can say:

FUCK REACT!

It is nigh impossible to write well structured, readable, well modularized code with it and not twist your mind in recursion from "lift state up" and "rendercycle downwards only"

Try writing a modular modal as a modern function component with interchangeable children (passeable to the component as it should be) that uses portals and returns the result of the passed children components.

Closest I found to it is:
c o d e s a n d b o x.io/s/7w6mq72l2q
(and its a fucking nightmare logic wise and readability wise)

And also I still wouldn't know right of the bat how to get the result from the passed child components with all the oneway binding CLUSTERFUCK.

And even if you manage to there is no chance to do it async as it should be.
You HAVE to write a lot of "HTML" tags in the DOM that practically should not be anywhere but in async functions.

In Angular this is a breeze and works like a charm.
Its not even much gray matter to it...

I can´t comprehend how companies decide to write real big web apps with it.

They must be a MESS to maintain.

For a small "four components that show a counter and fetch user images" - OK.
But fo a big webapp with a big team etc. etc.?

Asking stuff about it on Stackoverflow I got edited unsolicited as fuck and downvoted as fuck in an instant.
Nobody explained anything or even cared to look at my Stackblitz.
Unsolicited edit, downvote, closevote and of they go - no help provided whatsoever.
Its completely fine if you don't have time to help strangers - but then at least do not stomp on beginners like that.
I immediately regretted asking a toxic community like this something that I genuinely seem to not understand. Wasn't SO about helping people?
I deleted my post there and won't be coming back and doing something productive there anytime soon.

Out of respect for my clients budget I'm now doing it the ugly react way and forget about my software architecture standards but as soon as I can I will advise switching to Angular.

If you made it here: WOW
Thank you for giving me a vent to let off some steam :)

Geeksforgeeks is fucking trash. Fuck the creator of the site. I don't want to sign up just to be able to browse the site. Even if I disable this horrible modal, JavaScript still detects scrolling and scrolls back.
Fuck you. Fuck the people who create "features" like this.

Microsoft.. MicrobrainedSoftware-devs.

SamsungCloud died out and was replaced with OneDrive automatically. Alright, my data is still backed up, so.. No biggie.

OneDrive was syncing my pics and videos automatically, even though media sync is disabled. Umm.. Okay?

My phone is constantly very low on free space [idk why], so I decided to clean up some old photos. I'm removing and removing, until I reach photos with a cloud and an arrow replacing their content. Hundreds of spoiled pics that do not open. And in info their path is /OneDrive/*. Umm.. Wat?

Open mydrive website, log in only to be greeted by a fully loaded onedrive webapp covered by a non-removable modal 'we have an app for this. Use app'. Wtf?? Just let me disable the modal and use the webapp!! Wtf!

Open onedrive app. I'm greeted with a red warning that I've exceeded my storage limits and my account is frozen and my files will be deleted in June '23. WTF????? A heads-up would be nice!!

The popup lists my options:
1. Unfreeze the account for 30days, but I can only do that once. If after 30d I'm still exceeding my limits, my acc will be again frozen w/o an easy way to unfreeze.
2. Once unfrozen [takes ~24hrs], I can either
2.1 pay 7€ to M$ monthly for 1TB of storage in onedrive
2.2 remove my files from OD and my phone [since even if media sync is disabled, OD app is still syncing my media]
what the actual fuck?!?!? M$ is now keeping hundreds of my photos on my phone hostage.

Go F* yourself!

Any alternative to Googles reCAPTCHA?

Backstory we have a contact form, in a bootstrap modal, loading the form as an ajax request. The form has (as of today) a captcha, as we where getting a lot of spam.

Guess what it does on safari? Right... It renders outside the modal and since there's no need for scrolling, bootstraps modal adds an overflow hidden to the body. Results in non submitable forms on some resolutions.

Any idea on how to fix this, or other captcha systems we could use (it's a Symfony app).

@dfox, @trogus Hey! I'm logged in, but whenever i click 'visit store', it shows this modal for me to login again.

Anyone know what the fucking outcome of clicking either these buttons is going to be? The button I clicked to get to this modal said "Buy Season £7.49"

God damnit Quora!

I stumbled upon some article or post or whatever they are called on quora.
And I really wanted to read the comments on it. It wouldn’t let me unless I log in.

I normally don’t do that but I thought I’ll make an exception because I really wanted to read the comments.

So I clicked on that comments button and logged in (via google). First it presented me some modal dialog to pick 5 things that interest me. And it was mandatory. Fine… I picked those 5 things.

Finally it presents me the list of articles or whatever. But not the same list that I have seen before I was logged in. Scrolling, the article of my interest is not there. God damnit! Just show me my comments for fucks sake.

I go back to that tab where I was not logged in to somehow copy the link of that article or the link to the comments section. But it doesn’t let me. Some bullshit pseudo smart layer of crap is preventing me from doing anything.

Then I abuse the fucking share link to visit it in my logged in tab to finally see the comments that I came for.

And the comments weren’t even worth it. God! What a waste of time! And how can one fuck up a fucking forum so much?

It will be a lesson for me not to visit Quora ever again.

One time I was building a custom modal for some crappy WordPress template and I was having trouble with the header rendering above my backdrop, after digging into the CSS I realized the headers z-index was literally set to 9001.

*right click on image*
[nothing happens]
*spams right click, thinking about getting a new mouse*
[small modal shows up: "this content is protected!"]
*laughs in developer's console*

I never thought I'd get to see a website that "protects" its content by disabling right click, I'm moved :')

Guess what.... I've been trying to debug why didn't the HTML I injected into the modal show at all. After like 15 minutes of debugging, changing functions - turns out the background color of the modal and the color of the text was same.... :=

"There is nothing to dismiss!" - modal error message after clicking "dismiss all notifications" button over an empty notification list.

Guess who just read content off a site out of browser dev tools because the page displayed an intrusive 'whitelist us from your adblocker' modal

You know that feel as a developer when you add a feature to someone's existing project and you see a shitty code. well this has to be one of the shittiest code I have seen.

select_patient:function(patient)
{
console.log(patient)
this.select_patient_index = 0;
var pending = patient.Pending;
var USER_ID_Patient = patient.ID;
var prescription_ID = patient.Prescription_ID;
if(prescription_ID == null) prescription_ID = 0;
patient.Pending = pending = parseInt(pending);
patient.Prescription_ID = prescription_ID = parseInt(prescription_ID);
patient.USER_ID_Patient = USER_ID_Patient = parseInt(USER_ID_Patient);

if(pending > 0 && prescription_ID > 0)
{
this.select_patient_index = this.list.indexOf(patient);
$('#patientContinueModal').modal('show');
return false;
}

$scope.prescription.set(patient,null);
return false;
}

Also the guy has a space in his url.
xxxxxx.com/shopping cart !

My first instinct is to poke my eyes, find the developer (if we can call him that and shove it up his ______)

Forced choice between two options which both seemingly have irreversible and potentially destructive consequences. Tapping back or outside the modal doesn't dismiss it. No 'Read more' type link for the first option.

Laws and regulations against dark pattern design when?

edit: okay the readmore link is passable but I still want to be grumpy about it.

Dear Target App Developers,

I think you left some debug code in your app...

I know you want to know if someone is using a VPN and that's cool with me, I get it.

But when I'm on a VPN your app constantly pops up a modal with my IP address every time I change a page in your app....

Might want to look things over a bit closer before you put it in production ;)

Shout-out to the sites that make cookie popups the least annoying they can by actually providing options in the quickest way.

Those that hide them while having "allow all" take up 50% of the modal? Suck my fucking nuts.

wrote this inside a .css file

.modal.auth-modal {
.modal-header {
padding: 10px 20px;
}
}

Kkkkkaarrahh

WTF is up with newletters. I click unsubscribe and get taken to the site where I see the bar confirming, I then get hit with a modal asking me to subscribe and then a few min later an email telling me I can resubscribe if I accidentally unsubscribed. WTF unsubscribes accidentally when they hide that fucking link away

Re-Factoring old code and i find this beauty

$('.modal [name="port"]').attr('name')

Just rebooted my work station during a video conference because the VPN was flaking out.

After reboot, launch Teams to get back to the meeting. The VPN credentials dialog then pops up, but IS NOT MODAL, so I end up sending my password to the group chat...

Time to change my password, I guess.

I am starting to get more and more ticked off when I google a language's function name, and the first result isn't the official documentation.

Come on, I don't care about some stupid article describing how a function works in 10 paragraphs, with modal windows all over the place annoying me about "subscribing to newsletter", cookies, registrations and so on.

I just need to find the stupid function description!

What in the fuck is the Roger's website built with? It takes way too fucking long to sign in and load my account. And there is a modal that pops up asking me which account I want to view when I sign in. 5 seconds later the styling for it finishes loading and the modal snaps down like 50 pixels, so right when I'm about to click one account, I accidentally click the wrong one. For such a large company, I would have hoped their shit wouldn't have been built by fucking idiots.

The moment your website throws an irrelevant modal is the moment I close your website. It's the most disgusting website practice of our time, and people really should do something about it. If your client asks for it, please, just say no.

I am a Technical Lead in the department in my company that writes code for our clients that have money but doesn't have the technical expertise to handle the complexities of our own software.

Part of my tasks involve taking care of a few projects written by employees that have left after using third-party tools rather than using our own software. No one else in this department knows these third-party tools, they only know our own, and my *still limited* web development experience means I get dumped these things in my lap.

And I'm SO pissed at these projects and their authors and the manager that let these ex-employees write these things. There is this one project that was managed by two different "developers" (I don't know they deserve this title) at two different times, and it is so riddled with different technologies it makes me want to throw up almost daily.

Don't believe me? Here is a complete list of the dependencies listed in the package.json of this project: babel-polyfill, body-parser, cookie-parser, debug, edge, edge-sql, excel-to-json, exceljs, express, html-inline, jade, morgan, mssql, mysql, pug, ramda, request, rotating-file-stream, serve-favicon, webpack, xlsx, xml2js

What this doesn't even show, is that one part of this project (literally one page) is made using react, react-dom, react-redux, and jade. The other part (again literally one page) is made using Angular and Pug. In case you missed it while picking up your jaw, there's also mssql, mysql, edge and edge-sql. excel-to-json, exceljs, xlsx.

Oh you want *more* juicy details? This project takes the entire data object used by the front-end, stringifies it into JSON, and shoves it into the database *as a single field*. And instead of doing WHERE clauses in the SQL queries, it grabs the entire table, loops, parses the json, and does a condition on it. If even one of those JSON entries gets corrupted, the entire solution breaks because these "developers" don't know what try/catch is.

The client asked for a very simple change in their app, which was to add a button that queries the back-end for a URL, shows it in a modal dialog, after which a button is clicked to verify the link by doing a second query to the back-end before modifying a couple of fields in the page.

This. Took. Me. Two. Months*. Save me. Please, save me.

*between constant context switches between this and other projects that were continuously failing because of their mistakes.

That moment when you have hundreds of lines of code for your website, then you wanted to add a simple modal which looks great on w3school.

Then you recreate the modal on your site, click the button and nothing happens....

So now, you are spending hours trying to figure out why it's not working, new file to test, tried another modal concept, change the CSS, refresh the page until the F5 button doesn't even work anymore!!!

To find out, there is a extra "." in the href file tag plus the tag is in a id not a class

Can literally every fucking pop up, modal, notification, message box, update, and everything else just SHUT THE FUCK UP AND LET ME DO MY WORK

People: "Nobody is doing what we say!!!!"

Me: "Even when you the person who pays their bills tells them to?"

People: "Nope! We want a modal pop up when they login!"

Me: "You know they can just click past that and ignore you....? How about we actually wait until they fill out some stuff and have a required field when they do a thing?"

People: "No, we want a modal!"

-jebus fuck-

Pressing ESC at the end of the line so that the modal in the browser closes and I have to write everything again.

Just Vim things

Having a crack at switching from vim to emacs, my understanding of the major differences are as follows

* departure from modal editing
* emacs provides a more comprehensive environment
* More powerful scripting capability,
* my pinky will complain,
* I might just about to enter a new church

Any advice for a newb? Hoping there's a few of you out there

Love working alongside Angular devs, I wanted to add a page with a table and a modal, ended up creating something like 15 files and I'm not even halfway through, must be nice living with a brain the size of a pea.

So we have this administration page in the clients app that has tables of data.

The user can click on a row to edit or click "Add' to create a new one, doing so pops up a modal with a form full of inputs and a save button at the bottom.

The other day our client told me he was concerned that users would not understand how to edit data and that I should add some text below the first input field of each modal that says "Type in a new value and click 'SAVE' to change the [field name]"

As I implimented this crap, I took a few minutes to come up with a nice way of saying that his idea made no sense, added unnecessary clutter to the UI, and proposed some alternatives.

He essentially said, "Thanks for your much better ideas, for now let's just stick with what we've got and we can revisit this later."

Everytime I open that UI, I physically feel pain and get a little sick.

I wonder if there are any metrics to support sites that implement the "don't leave" modal when the mouse leaves the page.

Or is it just a genuine desperate attempt?

I cannot rationalize it.

Fucking "Open in app" modal on Quora is back

Fucking hell, our .net site uses a modal pop-up after the user submits data so they can explain what the did and why. Bootstrap styles it with an x in the top right, but the x doesn't do anything. I can't find where bootstrap adds it, I can't find any way to access it, it just annoys users because if they don't need to explain, they click it, and it doesn't work. Only the cancel button closes it. Where the fuck does this thing come from?

I click the 'X' button on a popup before it even pops up.

When replying to posts, it'd be useful if we could reply in a textbox underneath the rant or comment rather than a modal window (at least on a desktop browser.)

Sometimes I want to refer back or double check something as I'm replying to it, and the current modal dialog makes it a tad annoying to do that at present.

Starting my work day:

* fire up the build script wrapper script wrapping the Docker compose scripts, which starts I dunno 20 different microservices, frontend build processes, watchers, blah, blah, blah, chews my laptop's battery like a muthafukka, wait for 15 minutes, for maybe a 40% chance that maybe it'll work, or maybe I'll have to fix some random thing that's wrong out of the 20 million things that could possibly go wrong and then restart... and if I'm lucky at the end of all this, I get to work on, I dunno, adding some field to a modal?

Firing up my weekend side project:

* php -S and immediately start working productively every time

Fuck the "modern web"

So today i had to visit this banks site to do updation on a document but for some reason the modal dialogue that was supposed to open was not working and i couldn't continue to next step.

On an attempt to contact customer support, i browsed the site for relevant details. As i do that, i observed this site is so shitty that it can't even properly render on Google Chrome! It was an horrific experience finding info in that site.

Finally found the customer support form and as I clicked the "submit" it didn't give any feedback whether it was processing or not. After like over a minute of uncertainty, it got redirected to a 404 page.

Frustrated, I went on to their twitter and I almost tweeted calling out their terrible web developer team.

But, my instinct told me to calm my titties and i tweeted a regular confused user tweet.

Got their attention and few hrs later i got a phone call from someone working there. He didn't sound like a customer service representative from the way he spoke. He told it was an issue with their website and had fixed it. I tried again as he was on the line but it was not working for me. And then i shared screenshot of the issue. He tested it again and said it was working for them. Still not working for me. ( Probably cache issue on my end ). Thought he would suggest to clear cache and try. But he asked me to try on another computer since it was working for him.

As i searched for a another system, i got a call from customer support guy and he said he will do the update on their end and told me to tell details. Since the info was not that sensitive in nature, I went with it.

Pretty sure the other guy i talked to was a developer.

This made me think - had i tweeted out a mean tweet calling out their shitty website it would have been probably awkward talking to him - I'd have to be mean again. It could've ruined his day, maybe he was under pressure from his pm that he had to make the phone call. He probably hates his job already managing that shitty legacy code..

I don't know - either way, I'm glad i was able to keep myself calm and not be a source of negative energy.

Is there any modals for angular 2?? The ng2-bs4-modal gives unexpected token error. I swear after this project I am never using angular. Worst framework ever.

React Js all the way.

1) No, i don't want subscribe your newsletter.
2) Thanks, i know about cookie law. Thanks again.
3) Don't worry, i don't need your help now.
4) You are very kind, but i don't want new subscription.
5) Sorry, i don't have a time for your survey right now.
.
.
.
One of that fucking modal windows should contain fucking phone number i fucking need. Web WhoTheFuckingCareVersion.

If you ever make rating request pop up when user makes something else, I SWEAR TO GEEBUS, I'll make you regret your life choices!

2014
Me: Ordinary wordpress *completes wordpress site within 3 days*

2019
Me: *after learning several technologies* Spent a whole day customizing a Lightbox modal in wordpress. 😌

!rant

Finally (kinda) done with the nicknames addon. I wanted to hook into the sites actual modal menus for the UI, but I don't know JQuery and I somehow doubt modifying the existing javascript of a site from a plugin is possible, so we're stuck with knockoffs for now. But it works, it saves and loads nicknames correctly and displays them everywhere except on the notifications because I didn't add an onload listener to them.

If I come across one more inconstant data modal that is undocumented in this project am I going to get significantly annoyed!!!!!!!!!!

Google decided to deprecate the ProgressDialog class in Android O (26). Now I have to deal with all those deprecation messages in Android Studio!

From the docs: "ProgressDialog is a modal dialog, which prevents the user from interacting with the app. Instead of using this class, you should use a progress indicator like ProgressBar, which can be embedded in your app's UI. Alternatively, you can use a notification to inform the user of the task's progress."

They also bugged the Toolbar! Nice.

MS Teams with multiple work accounts account swap flow:

1. Try to close the company-bound login modal 10x while being fast enough to also close the main Teams window.
2. Realize it's not gonna work, so login with the account you don't want to be on.
3. Have to type your phone pincode then accept the MS Authenticator login, and retype your pin code.
4. Finally logged in just to log back out and get the generic account choice modal so repeat step 2 & 3 with the correct account.

Client had me implement an exit intent modal on their website, inviting visitors to sign up to their mailing list when they moved to close the browser tab.

Client then had me implement an on page load modal which displays the poster for their upcoming event.

Client just emailed "Double popup happening!" with a screenshot of their website with both modals displayed at once.

Kicking myself for replying and explaining that this was expected behaviour in light of what they'd asked for instead of responding, simply, "Yes".

My bank's website is the shittiest fucking site in the world. It literally kills my phone, to the point where my browser takes a full 5 minutes to exit.
The latest bug I mean feature they have rolled out interrupts your login with a fullscreen modal which asks if you want the app or to continue on the site.
Well, the fact that I'm in a browser means I've already made up my mind so why don't you go and fuck yourself? And based on the quality of your website, do you really think I want to voluntarily install software that you've sellotaped together onto my device?
Thought not.
Go and fuck yourself you pieces of shit.

Does it count as a learning experience if I have still not yet fully learned it? Then it's estimating tasks.

Fix this bug where the modal is rendered underneath the message-count-badge on your profile? Heh should be easy, 10 mins to set a higher z-index.

Final cost: two weeks, where I needed two status meetings and drawing on the whiteboard to explain why this happens and why it needs a major restructuring.

'Modal' messages are often obstructions... Glad to know my link is copied, but now I want to select the thing you are covering...

Why tf is there no option for opening new windows as a modal dialog in asp.net from code behind. Tired of that shit.

Can anyone explain why the Assign Issue and Resolve Issue dialogs in JIRA are modal, so that I can't look at the issue I am assigning/resolving while writing my comment and filling out all the other mandatory fields?

And if you close and reopen the dialog, all your changes are lost. Second tab it is...

context: Python Sanic Backend, Bulma Frontend
*this is a direct repost of my rant on my discord*

UGH WHY IS EVERYTHING TOO COMPLICATED FOR NO FUCKING REASON
I JUST NEED AN INTERACTIVE UI WITHOUT EXPLICITLY DOING IT MYSELF WITH TONS OF BOILERPLATE CODE
React - uses JSX
Angular - uses TypeScript

what's next? some weird fucking thing that's not even necessary for basic needs
And why the fuck does react need node.js or some JSX compiler to make things easier?
None of this makes any fucking sense
Why not just declare actual javascript objects and functions and that's fuckin it
I just need regex validation and sometimes, custom validation based on other things
Then when the user changes something a small modal shows up asking to save changes
None of this bullshit
It's deadass simple
I don't need routing
No need for your JSX fuckery
No need for your TypeScript shit
I barely would even fucking use those
REEE
Fuck react, Fuck angular
React would've been the perfect thing for this shit
but NO
they had to make things 100x worse
Fucking bitch
because react has event hooks
I can just listen to the changes
then display the modal and get done with it
All other processing is done in the backend
IT'S THAT SIMPLE REACT
Validation is provided by the backend, Just fucking use regex in the frontend and that's it
IT JUST NEEDS TO DO SIMPLE THINGS
IT DOESN'T TAKE ROCKET SCIENCE TO DO MINIMAL WORK

Building a site in Foundation 6, and there's a form where users may need to add new possible entries to a pool of valid choices, so I've got a second form that loads in a modal below the main form.

The second form loads fine, but when I try to use AJAX to submit the form and process things without leaving the page, Foundation stops working.

jQuery(document).ready() breaks it.

Just doing jQuery('form.ajax_form').ajax() without the .ready() wrapper breaks it, too.

Going to just wall it off as a beta feature for now, but if anyone has any idea why it isn't working, I'm all ears.

This got me fucked up. Listen yo.

So we have this issue on our modal right. The issue keeps poppin. It's a hotfix because its in prod. So my senior and I were on it. After a few hours, I showed him the part of the code that is buggy. It's 50 lines of code of nested if-else, else-if. And so we're still fighting it. He redid everything since we're using angular2 he did a subject, behavior-subject all that bs and I was still trying to understand what's the bug, because it's happening on the second click and so I did my own thing and found the cause bug and showed it to him, its this:

setTimeout( () => {}, 0)

the bootstrap-modal doesn't allow async inside it (I dont why, its in the package). So he explained to me why it's there. So I did my own thing again and find a workaround which I did, a one-line of angular property, showed it to him he didn't accept it because we'll still have to redo it with subjects and he was on it. I said ok. Went back to my previous issue. The director came in and ask for a fixed, my senior came up to me and told me to push my fix. Alright no problem. So we good now. Went back to our thing bla bla bla, then got an email that we will have a meeting, So we went, bla bla bla. The internal team wants a support for mobile, senior said no problem bla bla bla, after the meeting he approaches me and said (THIS IS WHERE IT GOT FUCKED UP) we wont be supporting bootstrap4 anymore because of the modal issue and since we're going to support mobile and BOOTSTRAP4 grid system is NONINTUITIVE we are moving to material design because the grid system is easier. I was blown away man. we have more than 100 components and just because of that modal and mobile support shit he decided to abandon bootstrap. Mater of fact its the modal its his code. I'm not expert in frontend but I looked at the material design implementation its the same thing other than the class names. OHHH LAWD!

a "configurable" confirmation system, where page conditions (e.g. customerId=someId, etc.) are stored in the DB as a comma separated string to be run through a stack expression evaluator, so that customers can add a "confirmation" (aka just a modal dialog) with custom reminder text when a user does a certain thing on a certain page....

Why TF is it easier to make a modal component with vanilla js compared to react? Like is ReactDOM the only way to add shit dynamically?

What's the general Software Engineering rule of thumb again for frontend templating code?

If I look at certain websites, I notice some code smells in PHP such as:
$.modal = <?php echo $(base)["username"] != 'me' ?' ': echo 'style="display=none"' ?>

or just in general places in the code where PHP gets used as a templating engine for gluing together pieces of HTML code based on conditionals spread out over the codebase and the database itself too. To make things worse, this carries over to JavaScript ajax functions. As a developer, this to me just seems like spaghetticode.

On the other hand, many popular frameworks properly do templating, such as EJS, containing templating in one place and not mixing it with logic too much but just having simple output like <%= %>.

I know I've seen frameworks like Angular 1 contain pieces of HTML into directives, but maybe that's something different, more 'OO'-simulating or cleaner.

How can I, in JS, make sure a class (Vue) is instanciated only after a certain element is inserted into the DOM?

Currently, things are executed in this order:
1. Create modal
2. Append my-element to modal
3. Show modal
4. Instanciate Class (Vue)

Gives me "Vue cannot find my-element".

However, it works if I instanciate Vue in the console after modal is visible.

Me: Google uses MUM to search things..
*My mum*: Even google uses their mum to find things. You are all hopeless.
.
Me: 😓
.
.
[MUM: Multi Modal Model]

Using bootstrap modals in an angular project and using the same spelling for ng-modal and not knowing why I'm not getting my model data for hours

can 2 modal which is static have a race condition error? I’m trying to fix a bug and when I showed it to my senior , I said maybe because of the first modal the style is not being applied on the second modal he then said “it might be a race condition” and I almost choked on my own saliva.

Ps: the first modal will show a loading text and a gif after that the second modal shows with some data.

I got confused how he think that it might be a race condition. We’re not doing webworks on the front end. Weird.

[Warning – rapid flickering in GIF below].
You know JetBrains can't build software when you can't even login to their own bug tracker because the login modal just flickers constantly. Every software I've used from JetBrains is ridden with bugs. They are mentally ill.

Integrating Netlify Identity into a modern app.

You'll think for such a tool, that it will have up-to-date examples and guides. And that once someone logs in, they're redirected to whatever route they were on instead of being stuck on the "Logged in as ..." modal?

But no, it's several years behind.