I have a menu div and a appbody div where appbody div opens a totally different application. The outer application is just html/js/jquery (along with java) but the other application that opens inside the appbody div has flex/flash/swf.
NOTE: Everything works fine until I run it with F12 Developer Tools With Emulation as Document Mode: Edge and Browser Profile: Enterprise. (Enterprise Mode emulating IE8, says the console).
$("a.submenuTrigger").click(function(){
$(this).parent().find("ul.submenuHolder").show();
$("div#appbody").hide();
$(this).parent().hover(function(){}, function(){
$(this).parent().find("ul.submenuHolder").hide();
$("div#appbody").show();
});
});
On clicking menu, a submenu div is to be shown and the appbody to be hidden. In Enterprise mode, the appbody div isn't being hidden and the submenu div border is minutely visible as if its hidden behind the appbody div. Attaching the codes, thank you for bearing with the essay.
Also, note that the other app with flex doesn't have a doctype on its index.jsp page. Tried adding for HTML 5 as well as HTML 4.1 but the swf weirdly starts showing only half of it.
Related
I am having trouble with my gwt application on Chrome (mac os + windows) when I drag and drop.
I don't know when it started, which chrome update.
When I drag and drop an html item it hides most of the screen except the html item I use.
Here is the video : https://drive.google.com/file/d/14d13CrzKPRwB1nAgAcIMQI_4PBHBaXo8/view?usp=sharing
To reproduce this, I remove all the html from my application except a small part (what you can see on the video)
I keep all js + css, I put break points on all html elements, to see if something is changing on drop event.
There is something with gwt because If I remove the iframe with my application name as id I don't have the problem anymore.
No problem on firefox or safari, no html or css is modified when I drop the html element so I thought the problem was chrome but when I remove the iframe with my application name as id it works (but my application doesn't work anymore).
I don't know why when I resize the window the screen is refreshed and everything is ok too.
Edit it works with the chrome bêta https://www.google.com/intl/fr/chrome/beta/ so chrome problem
Ok with v105
Not Ok with v106
Ok with bêta v107
I'm a software JS developer, who decides to create web app with Wordpress.
Everything goes fine, until I start implementing url link in footer.
So when I start testing results links and other elements "sometimes" disappear only in Chrome browser (on other browsers, issue never occurred). I tried everything that could cause this issue.
open in incognito mode,
do not using any builder,
not including this links on footer, but also on the page
analyzing style in devtools (the same for working veiw and not)
Video with the issue: https://www.youtube.com/watch?v=f1C5J-VHS5A&feature=youtu.be
My page name is https://www.heracl.com/
When moving and displaying a div in a Fancybox iFrame (using javascript) in iOS devices, the iframe scrolls to top of the window and the user has to scroll back down to see the div. In non-iOS devices the div is moved into view without the iFrame scrolling up (which is what I want).
https://embed.plnkr.co/MhUHCeAaN6VVsllmovTj/
Steps to reproduce:
Navigate to the above url on an iPad using Safari
Tap "Open Fancy Box"
Scroll down and tap the "Click ME!" button
Notice the iFrame scrolls to the top.
The button creates a div, moves it to the top right of the point that was tapped, and makes it visible.
I confirmed this behavior on:
iPad (iOS 11.2.6)
Safari
Chrome
Mozilla Firefox
iPhone (iOS 11.2.6)
Safari
I confirmed this behavior does not happen on:
Windows 10
Safari (v 5.1.7)
Chrome
Mozilla Firefox
Android (7.0)
Chrome
I have tried the answer provided in this thread: fancybox2 / fancybox causes page to to jump to the top, but the iFrame still scrolls up after the button is tapped, and then locks the iFrame so you can't scroll back down.
I also tried using jQuery to scroll to the desired div (selecting with an id) after the onclick function finishes, but the iFrame doesn't move. Using "SLaks" suggestion here: How do you scroll an iframe from within using jquery?
I agree with Janis, this seems to be an issue with iOS specifically. So, I will create or upvote a corresponding bug ticket on the Apple website.
I recently upgraded Sitefinity from 9 to 10. After the upgrade I am not able to edit the content of content blocks on the pages. This only happens with Chrome. Everything seems to work just fine in IE and FireFox. After clicking "Edit" on any of the Content type controls (Content block, image, video, ect) the white loading box shows and then just goes to an all white window the the x to close it out. Any of our custom widgets work fine. There are no Javascript errors showing in the console. Has anyone seen this type of behavior and how is it fixable?
** Note ** The MVC Content types do seem to work. It appears that it's just the regular Content types that do not seem to work correctly.
Have you zoomed in or out your Chrome browser?
I've seen this issue with Chrome and WebForms widget designers.
Just try to zoom in and out the browser while the widget designer is open - you should start seeing the contents of the designer.
Hidden alert box
OS : Windows 7 32-bit
Browser : Google Chrome 53.0.2785.116 m
Like the attached screenshot,
alert box's overflowed area is hidden inside popup window.
It happens only in Chrome 32-bit.
Anyone had this kind of issue?
That's normal behaviour for Chrome.
Given that internally the dialog is also just composed of HTML and CSS (pretty much everything UI related in Chrome is), it doesn't come as a surprise that the window's content won't overflow the window. It's no native OS dialog or similar.