X/Twitter Image Easy Close functionality
// ==UserScript==
// @name X/Twitter Image Easy Close
// @namespace https://github.com/BD9Max
// @version 1.0
// @description X/Twitter Image Easy Close functionality
// @author krbd9max
// @match https://twitter.com/*
// @match https://x.com/*
// @license MIT
// @grant none
// @icon https://upload.wikimedia.org/wikipedia/commons/c/ce/X_logo_2023.svg
// ==/UserScript==
(function() {
'use strict';
// Function to trigger the native Twitter close action
const closeImageOverlay = () => {
const closeButton = document.querySelector('[data-testid="app-bar-close"]');
if (closeButton) {
closeButton.click();
} else {
// Fallback: If the button isn't found, use the browser back action to exit the photo URL
window.history.back();
}
};
document.addEventListener('click', (e) => {
// Only run if we are currently looking at a photo/media overlay
if (window.location.pathname.includes('/photo/')) {
// Check if the click is on an interactive UI element (Like, Retweet, Reply buttons)
// We exclude these so you can still interact with the post without it closing.
const isControl = e.target.closest('[role="button"]') ||
e.target.closest('[role="menuitem"]') ||
e.target.closest('[data-testid="KeybindLayer"]');
if (!isControl) {
// Prevent the default Twitter click behavior and close the overlay
e.stopPropagation();
closeImageOverlay();
}
}
}, true); // Use capture phase to intercept the click immediately
})();