Do all the things like ++ or -- rants, post your own rants, comment on others' rants and build your customized dev avatarSign Up
Get a devDuck
Rubber duck debugging has never been so cute! Get your favorite coding language devDuckBuy Now
Search - "modal"
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! :D12
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. 😎22
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".12
*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.*3
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."
True web dev power is using the dev console to get rid of modal boxes so you can see the content underneath7
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.8
A lot of people have asked me in comments if it is available in windows, macOS or linux. Just to clear this up that it's available on all platform including all linux distros.
1. Clicking on in-app notifications will now scroll to the relevant comment
2. You can scroll outside the column now. Your mouse cursor doesn't need to inside to scroll through the feed
3. Clicking ESC will close any open modal
4. Use arrow keys to scroll feeds
5. User can't subscribe himself anymore
6. You can press enter to log in
Get it from here: https://devrantron.firebaseapp.com
**I posted this yesterday night but removed it immedietly as I detected a huge bug in the release. Sorry 😞11
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!5
Just backed the Kickstarter for FontAwesome 5. They've asked for 30k and are on 200k+ already. I think I need to get into making things that look nice.
Share the love: https://kickstarter.com/projects/...3
Spent bloody ages trying to figure out why my Modal wasn't working. There was a space in the id name :/1
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).4
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.
What do you do when a modal tries to cover up something you're reading?
Developer console. Delete div. *Flip off Screen * Ahh, z-index: 300000, how quaint? Delete class. Continue reading.
@dfox, @trogus Hey! I'm logged in, but whenever i click 'visit store', it shows this modal for me to login again.10
Guess who just read content off a site out of browser dev tools because the page displayed an intrusive 'whitelist us from your adblocker' modal6
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"3
*right click on image*
*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 :')3
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.
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);
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 ______)2
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.1
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.... :=2
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.
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 things2
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.
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.4
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 there17
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.1
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 away3
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.6
Need 🍺, but it’s still early, maybe a little bit later after this (I missed kirin beer)
Came back home past 1 AM last night, to support the so called “production deployment”,
Jut remembering about it makes me wanna punch one of the assholes and be done with it,
But I’ll try to stay on the positive side, and got another memorable “stupidly amusing conversations I’ve heard this week”,
Bit of backstory, a while ago, a guy from the other squad was tasked to create a modal popup to show an image, but the PO doesn’t like it because the pop up is square and the image looks cropped (because the aspect ratio is different duh), and somehow asked me to fix it,
Me: okay, how do you want it?
PO: well, go figure, just make the popup full screen and without border
Me: border? What border?
PO: tch, you see the popup has border, it’s the empty part where the image is not covering the popup
Me: ah you mean the grey space?
PO: whatever, grey space, white space, just fix it
*And somehow last night in the middle of the so called “production deployment”
PO: hey, why’s this image still cropped?
Me: lemme see, *mild shock (it’s called a different fucking aspect ratio you shit for brains)
PO: see, the image is still cropped
Me: well, you used a tablet, which is wider than the phone, so if you want the image to cover the popup, that will happen
PO: I told you to fix the cropped image
Me: (and you never instructed me shit, provide a fucking design at least) well, Its aspect ratio is different, if you want the image to be contained then you’ll have “empty spaces” on the side of the popup
PO: tch, contain, cover, whatever, can’t you figure something out,
Me: you can try stretching your tablet, see if it fixed itself (the image is zoomable anyway, or do you also want to complain that the image is cropped when zoomed)
Apparently these guys really cannot be underestimated, even a simple geometry confuses them,
I wonder if I can make it until July (the supposed end of contract), and I definitely don’t want to be placed on this project any longer,
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
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.2
Fucking building websites from scratch at hackathons are a nightmare and a half to deal with.
There was a JS function that would show a modal with a map for choosing a location when the user clicks on a button. The function was supposed to inject some HTML into the modal, since that's how the library wanted it. The bug that I encountered originated from the to-be-injected HTML, where if you had a valid closing script tag (like "</script>"), some of the the code that was supposed to run just gets printed on the modal. But if you invalidate the tag by just adding a space somewhere (like "</ script>"), it would display nothing on the modal. You can also see in the image posted that Sublime is colorizing the text as if it was valid HTML, despite the fact that the entire string is wrapped in a single quote string and surrounded by script tags themselves and the other closing tags are not highlighted differently.
The more infuriating part is that after a bit of testing after the hackathon, I shit you not, that same code works if you put it in it's own JS file and imported that into the HTML one. Where the fuck is the logic in that??
In retrospect, I was probably too tired to think of that fix or I may have overlooked something stupid, but I can't help but feel angry that I couldn't even pitch at the hackathon (they only wanted working projects to be pitched) thanks to some arbitrary glitch that broke half of the functionality of the project. Next time, I'm either using a framework or just letting someone else handle the web dev stuff for a future hackathon.
Oh and one more thing...FUCK YOU HTML WITH YOUR TRANS-DIMENSIONAL BULLSHIT TAGS THAT HAVE A 10% CHANCE OF NOT WORKING AND FUCKING MY PROJECT SIDEWAYS WITH A RUSTY KNIFE DURING A HACKATHON. IF I EVER HAVE TO DEAL WITH YOUR BS AGAIN, I'LL PERSONALLY BITCH SLAP YOUR ASS BACK TO THE COLD DEPTHS OF SUBSPACE.
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".1
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.2
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?
Go and fuck yourself you pieces of shit.2
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?3
Why tf is there no option for opening new windows as a modal dialog in asp.net from code behind. Tired of that shit.2
If I come across one more inconstant data modal that is undocumented in this project am I going to get significantly annoyed!!!!!!!!!!3
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.3
Help me, I've moved from the New Very Intuitive Modal editor to spacemacs! Aaaaaah, days oft learning ahead, also learning Lisp now, appearantly.
This is worse than i3wm's config......1
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.1
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....2
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...1
'Modal' messages are often obstructions... Glad to know my link is copied, but now I want to select the thing you are covering...
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.5
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