How does chrome extend the search window beyond the browser window


Tags: javascript,html,css,google-chrome,web

Problem :

I just happened to notice the below behavior in chrome.The search suggestion is extending beyond the chrome window itself. I am curious as to how this can be implemented. Is this just some css styling? or something more?

Google chrome



Solution :

This unfortunately is not possible. The search box is an internal part of chrome, thus part of the application itself. Your web page, which has the div inside of it is limited to the browser window itself, any attempt at breaking out of this container will simply end up in your div either being moved off-screen or your browser will simply get scrollbars. So long story short, this is not possible.

Besides that it would be quite dangerous as malicious users could pretty much take over everything you see on your computer screen.


    CSS Howto..

    How to override bootstrip.min.css in Joomla-Template CSS file for width 768-1140px

    My Background image doesn't show up and is not inspected in the browser [closed]

    How to avoid WebKit contentEditable copy-paste resulting in unwanted CSS?

    How to @import without including all CSS but just the @extends ones

    How can I center the column vertically in bootstrap mobile mode?

    Simple CSS layout - how can I achieve this layout, and make it scale easily?

    How to remove default chrome style for select Input?

    How can I figure out how much a div shifts when a translate:scale is applied?

    How to create a DIV with vertical scrollable contents and fixed footer which is always visible?

    how to style in css: product…(price)?

    how to show a portion of image like on 9gag.com

    How to replicate this table layout in HTML4/CSS2 (incl. vert-centered rows)

    How to make css smaller?

    Sublime - CSS - how to auto add .class for each section in the whole code?

    Howto stretch jsf panelgrid in horizontal direction

    How to view CSS/HTML in GUI?

    Modernizr: how do I detect CSS display:table-cell support?

    How to prevent PHP pushed HTML tables exceeding the length of the page

    How to scale SVG properly and responsively in HTML5?

    How to add CSS class attribute for Html helper methods in asp.net mvc (VB.NET)?

    How do I make buttons that have the same transitions and some of the same properties, but then also have some differing properties?

    How to view the compiled css from sass files in ruby on rails?

    How can I set a google-font as default-font in CKEditor?

    How do I add a dropdown menu to my css menu?

    How do I prevent this list from moving across the page?

    How to force the casing of letters in a textbox

    How to achieve vertical alignmernt of text paragraphs between Bootstrap columns

    How to create a horizontal calendar with nested lists?

    How do I correct this error?

    How a sloping/leaning background colour can be set to a text with HTML-CSS