Flex Popup border fragments staying on screen - apache-flex

I have a Flex 4.6 app in which a popup with a white border comes up when the user mouses over an icon. When the user rolls off the icon or popup, the popup goes away (custom tooltip). The problem is, sometimes when the popup goes away, some points of the border stay on the screen on either side of the icon (almost like they stained the display). Has anyone ever seen this? Any suggestions on how to fix it?
Thanks

Related

Centering Button In Wordpress With Different Screen Sizes (OT Button)

Alright, I need some help centering this button! I have it working on my desktop but when I adjust the screen size it really gets messed up. Here are some screenshots to give some context. Here is the link to my website, the button is below the main slider "Orion CostPlus Strategy"
In the page developer
Button correctly centered when full screen
Button messed up when I change window size
I appreciate any help!

Black background shows up at the right side of the screen when viewing the page with resized screen

I have search all over the internet and tried for hours to resolve the issue with no avail!
Visit http://testdrupal.ml/node/126 on your mobile device or from your desktop but with resized window to any size... and you will notice a black background will show up at the right side of the screen.
I have tried for hours to play with css and yet the problem not solved!
Can someone please point me to the right css style to be used in order to make this black background disappear ?
Using:
Drupal 8.6.10
Default Bartik theme
An image showing the black background
I want to provide the full css code but the project is private and I can only provide full information with website access in a private chat... I hope someone will be interested!

Embedded google map on mobile devices, annoying button changing map size

I have trouble making an embedded google map work properly on mobile devices. It is within a div box and set to 100% height/width and works as inteded when not on mobile phones. On phones it adds a big square-shaped button with an arrow in it in the bottom right corner which consequently shrinks the map size in the div to about half. When I click the mysterious button, nothing happens. So, an annoying button with no function. When I touch the map, the button disappears and the div is filled though. Anyway to get rid of that button?

iPad SplitView Master View shows but with minor (and incorrect) variation

I'm practicing development of a simple iPad Split View app (Stanford's Hegarty online class). And everything works for the most part. However, the Master side ('left side), although working in landscape mode looks a little different than what I expect it to as a 'popover' in portrait mode. The 'popover' covers the left side of the screen including the toolbar button item that triggered it where normally it should not cover that button.
Unfortunately I can't post images so I'll try my best to describe in more detail. Normally the 'proper' popover will be hovering right below the bar item button that triggered it with a thick arrow-ish thingie (the 'anchor') pointing to the button and not covering that button. The popover can be dismissed by clicking on that button again (or elsewhere on the screen).
What's happening to me, however, is that when I click the bar item button to show the popover, the resulting popover 'covers' the button and essentially fills up the left portion of the screen (the detail view is under it and most of it is showing) with its designated width (so, again, it doesn't cover the entire detail view). The is no 'anchor' arrow pointing to the bar item button since it is obviously covering it instead. The popover is dismissed normally once I click anywhere else on the screen.
So why is my popover covering the button and not simply hovering under it with an 'anchor' pointing to it as it should?
I don't think it it makes much sense to post code at this point because I don't think it'll help and more importantly not sure what portion to post considering this might be a problem with how I wired it in the Builder. Any thoughts will be greatly appreciated!
Thanks!
Mo
I believe its a change that came in IOS5.1
If you want the same behaviour you probably need to set the master up as a popover segue, from a toolbar button or similar in the detail view, and set the split view delegate to not show the master in portrait.
I'm on the move now but if you want any more info let me know and I'll try and get back to you later.

Lock screen panning in the webOS browser on the TouchPad

How can I prevent a webpage from pulling to the left or right when swiping left or right in the webOS browser on the TouchPad?
Example: If you launch google.com in the browser of a TouchPad and then swipe left or right, you will notice that the page pulls to the left or right and exposes a grey background. However, if you go to maps.google.com and swipe left or right, the map pans and the page is locked in place. This is what I want to do. I do not want the page to pull beyond the edge of the browser, exposing the grey background.
I have created a carousel that uses a left and right swipe to navigate. It works perfectly in Safari on my laptop, but when I run it in the webOS browser it does not move and instead the entire page moves. How do I stop the page from moving and allow the carousel to receive my drag events?
If you don't want the screen to be scrollable and disable the bounces (that's what it's called) you should try:
document.ontouchmove = function(event){
event.preventDefault();
}

Resources