(Bug) Iphone 5 - Safary - Popover && Tooltip - Tooltip does not close when focus is lost

[cvaize]

Tooltip does not close when focus is lost. Compared with the original "bootstrap 4", everything works correctly in it, so in "bootstrap.native" I consider this a bug.
https://drive.google.com/file/d/1E6spqe92n79j1nXqG4TCQk7DWiKiroOd/view?usp=sharing

[cvaize]

@thednp Watch the video

[thednp]

Check latest master, I believe queryElement is responsible for this one too.

[thednp]

One more suggestion: please try the previous version of our polyfill.

[thednp]

This is strange indeed, the last build won't work on my Android phone as well, but I have another build working with currentTouches.

[thednp]

My bad, it's changedTouches and not currentTouches.

[thednp]

I solved the carousel swipe bug, but I don't know about Popover, Tooltip, please confirm with latest master?

[cvaize]

The problem remains, Popover and Tooltip do not close when you lose focus

[thednp]

Please tell does the demo on gh-pages do the same on iPhone? There could be something causing this.

[cvaize]

Yes, https://drive.google.com/file/d/1eyQuAGAM0CtkserG0Dlng75KGJSFkypX/view?usp=sharing

[thednp]

@cvaize it seems we don't have any filters/checks on the handlers or any handlers targeted at mobile devices, I believe we need to use touchstart on document while trigger option is set to hover, I will have a look into it as soon as I can.

Meanwhile, since I don't have any iPhone/iMac or any Apple, I need to know what events trigger on which device, so can you please gimme a screenshot from your iPhone&Mac for the following:

// update if necessary
var button = document.getElementsByTagName('BUTTON')[0];

function testHandler(e){
  if (e.target === button){
    button.innerHTML = e.type;
    console.log(e.type)
  }
}
// iphone
document.addEventListener('touchstart',testHandler,false)

// iphone/mac
button.addEventListener('mouseout',testHandler,false)
button.addEventListener('mouseleave',testHandler,false)
button.addEventListener('focusout',testHandler,false)
button.addEventListener('blur',testHandler,false)

[cvaize]

Okay, here's a video of the test: https://drive.google.com/file/d/1f1n-UEIDJbKN88rz9lllq7n9xw1-if8U/view?usp=sharing

[thednp]

So it looks like the events barely fire, like I imagined they would.

[cvaize]

Bugs remained, here is confirmation: #346 #345
https://drive.google.com/file/d/13wAesUHqmNEp1_pDQtyNYt9-VAUoifgm/view?usp=sharing

[thednp]

Did you test the latest master? There have been some changes since that initial commit. On the way I got those errors too.

[cvaize]

In the video, I demonstrated the commits.
49f14d6

[thednp]

Alright man, will check those asap. Thanks for the feedback.

[thednp]

@cvaize how we doin?

[thednp]

@cvaize I will start documenting V4 next week and I really need your feedback.

[cvaize]

Sorry for the delay. I'll run tests now

[cvaize]

I ran tests. Bug with Carousel fixed. The current bug in iphone 5 related to Popover and Tooltip remained, I think it is not critical and you can design documentation

[thednp]

@cvaize I put some time into the tooltip/popover issue and I still need help in finding a solution.

[cvaize]

@thednp Since I have an iphone 5 I will look for a solution, leave this issue to me. This problem is important,but it is not urgent. I will look for a solution to this problem on the weekend

[cvaize]

Here's what I found, an error in registering a touch listener

[cvaize]

[cvaize]

After correctly binding the listener, the tooltip started closing correctly.

[cvaize]

But, re-opening the tooltip on the same button does not happen, I am investigating

[cvaize]

https://drive.google.com/file/d/1gE2wciRp-oRm-C-n-sGYjM0rUfNhXMRC/view?usp=sharing
@thednp Be sure to watch this video, this is very important when working with all Iphone versions

[cvaize]

I will prepare a pull request for correction

[cvaize]

Working on Popover, I noticed a difference in the work of Popover from the original library, Popover trigger=click https://drive.google.com/open?id=1FLgiZiXb1_USsaluczdzjteulRhAlZrg

[cvaize]

On iphone, the focus event doesn't work as it should. I want to use the voiced solution jquery-archive/jquery-mobile#3016 (comment)
I checked it works, but there is an important question.
I need detect mobile, but only 1 time. At bootstrap.native there are global variables, if not then how should they be implemented? Or should I make a pull request for existing edits with Tooltip and Popover for Hover and Click events, and you will fix the Focus event yourself?

[thednp]

That's an interesting find because on my Android, Chrome works as expected as is, without your modifications. Please send me your mobile navigator string, I will give you a solution to your issue.

[cvaize]

User Agent: Mozilla/5.0 (iPhone; CPU iPhone OS 10_3_4 like Mac OS X) AppleWebKit/603.3.8 (KHTML, like Gecko) Version/10.0 Mobile/14G61 Safari/602.1

[cvaize]

Of course, it can be determined by user agent, but there is no guarantee that this will not become a problem in the future. I have a solution for user agent
/(Android|BlackBerry|iPhone|iPod|Palm|Symbian)/.test(navigator.userAgent)

[cvaize]

Should I use it?

[thednp]

Since our problem is strictly on Apple Safari mobile, this is the line

/(iPhone|iPod|iPad)/.test(navigator.userAgent)

[thednp]

Wow Safari 17% market share.

[cvaize]

Do you have an Iphone 10 or Iphone 11 or Ipad of the latest version, please check if Focus Event doesn't work on them either? This is necessary to check whether all mobile safaris have this problem or not.

[thednp]

I wouldn't have asked for your help if I had, probably never will. I wish I had more community input.

[thednp]

Listen, have it work fine on your device, I believe the fix will work with other Apple Safari mobiles as well. If somebody has a problem he can simply come and raise an issue and contribute with a fix.

[cvaize]

Okay, I'll do a pull request

[thednp]

So we good to finally close this at long last?

[cvaize]

Yes