# Browser features detection

**URL:** <https://forum.getkirby.com/t/browser-features-detection/12434>\
**Category:** Questions\
**Tags:** v3\
**Created:** [January 24, 2019, 7:53pm UTC](https://forum.getkirby.com/t/browser-features-detection/12434 "2019-01-24T19:53:18Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![sly31](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/sly31/32/16579_2.png) [@sly31](https://forum.getkirby.com/u/sly31)\
**Post date:** [January 24, 2019, 7:53pm UTC](https://forum.getkirby.com/t/browser-features-detection/12434/1 "2019-01-24T19:53:18Z")

</div>

Hi,

I’m running my first Kirby website, and browsing with Edge Mobile who supports CSS Grids, I can’t login to panel.  
Is there any way to bypass this features detection for false positives like this ?

Thank you

---

<div class="post-metadata">

**Author:** ![jimbobrjames](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/jimbobrjames/32/5802_2.png) [@jimbobrjames](https://forum.getkirby.com/u/jimbobrjames)\
**Post date:** [January 24, 2019, 8:18pm UTC](https://forum.getkirby.com/t/browser-features-detection/12434/2 "2019-01-24T20:18:52Z")

</div>

That’s interesting, I’m not aware of the panel doing browser feature detection but I guess for the minute the only way would be to use another mobile browser like Opera or Chrome.

---

<div class="post-metadata">

**Author:** ![texnixe](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/texnixe/32/5754_2.png) [@texnixe](https://forum.getkirby.com/u/texnixe)\
**Post date:** [January 24, 2019, 8:22pm UTC](https://forum.getkirby.com/t/browser-features-detection/12434/3 "2019-01-24T20:22:01Z")

</div>

What does the Panel actually do, display nothing?

---

<div class="post-metadata">

**Author:** ![sly31](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/sly31/32/16579_2.png) [@sly31](https://forum.getkirby.com/u/sly31)\
**Post date:** [January 24, 2019, 8:22pm UTC](https://forum.getkirby.com/t/browser-features-detection/12434/4 "2019-01-24T20:22:40Z")

</div>

Unfortunately no alternative browser on Windows 10 Mobile.  
It seems to be JS detection, but JS files are minified, so very difficult to edit.

---

<div class="post-metadata">

**Author:** ![sly31](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/sly31/32/16579_2.png) [@sly31](https://forum.getkirby.com/u/sly31)\
**Post date:** [January 24, 2019, 8:24pm UTC](https://forum.getkirby.com/t/browser-features-detection/12434/5 "2019-01-24T20:24:02Z")

</div>

I am redirected to /panel/browser, saying “We are really sorry, but your browser does not support all features required for the Kirby Panel.  
CSS Grid  
We use CSS Grids for all our layouts. You can find a list of supported browsers for this feature on [caniuse.com](http://caniuse.com)”

---

<div class="post-metadata">

**Author:** ![bastianallgeier](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/bastianallgeier/32/7569_2.png) [@bastianallgeier](https://forum.getkirby.com/u/bastianallgeier)\
**Post date:** [January 24, 2019, 8:25pm UTC](https://forum.getkirby.com/t/browser-features-detection/12434/6 "2019-01-24T20:25:07Z")

</div>

The panel checks for css grid support and fetch. The check for css grid looks like this:

```auto
if (window.CSS && window.CSS.supports("display", "grid")) {
  // browser is supported 
}

```

And the check for fetch like this:

```auto
if (window.fetch !== undefined) {
  // browser is supported
}

```

---

<div class="post-metadata">

**Author:** ![bastianallgeier](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/bastianallgeier/32/7569_2.png) [@bastianallgeier](https://forum.getkirby.com/u/bastianallgeier)\
**Post date:** [January 24, 2019, 8:27pm UTC](https://forum.getkirby.com/t/browser-features-detection/12434/7 "2019-01-24T20:27:24Z")

</div>

Which version of Edge do you use? If [caniuse.com](http://caniuse.com) can be trusted everything newer than 14 should be fine.

---

<div class="post-metadata">

**Author:** ![sly31](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/sly31/32/16579_2.png) [@sly31](https://forum.getkirby.com/u/sly31)\
**Post date:** [January 24, 2019, 8:28pm UTC](https://forum.getkirby.com/t/browser-features-detection/12434/8 "2019-01-24T20:28:27Z")

</div>

Edge Mobile, on Windows 10 mobile. CSS Grids works on websites, but this feature detection doesn’t seems to work.

---

<div class="post-metadata">

**Author:** ![jimbobrjames](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/jimbobrjames/32/5802_2.png) [@jimbobrjames](https://forum.getkirby.com/u/jimbobrjames)\
**Post date:** [January 24, 2019, 8:29pm UTC](https://forum.getkirby.com/t/browser-features-detection/12434/9 "2019-01-24T20:29:36Z")

</div>

I just installed Edge Mobile on my Android 8.1.0 phone (its a Nexus 6) and the panel worked great, no warnings at all. Odd the windows version doesnt.

---

<div class="post-metadata">

**Author:** ![sly31](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/sly31/32/16579_2.png) [@sly31](https://forum.getkirby.com/u/sly31)\
**Post date:** [January 24, 2019, 8:30pm UTC](https://forum.getkirby.com/t/browser-features-detection/12434/10 "2019-01-24T20:30:50Z")

</div>

Edge in not an app on Windows 10 mobile, it’s a core component. But i use CSS Grids on frontend of many website, and all is working well.

---

<div class="post-metadata">

**Author:** ![bastianallgeier](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/bastianallgeier/32/7569_2.png) [@bastianallgeier](https://forum.getkirby.com/u/bastianallgeier)\
**Post date:** [January 24, 2019, 8:31pm UTC](https://forum.getkirby.com/t/browser-features-detection/12434/11 "2019-01-24T20:31:56Z")

</div>

Hm, that’s really weird. The only thing I can offer right now is to add a way to the next version to disable feature detection.

---

<div class="post-metadata">

**Author:** ![jimbobrjames](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/jimbobrjames/32/5802_2.png) [@jimbobrjames](https://forum.getkirby.com/u/jimbobrjames)\
**Post date:** [January 24, 2019, 8:42pm UTC](https://forum.getkirby.com/t/browser-features-detection/12434/12 "2019-01-24T20:42:39Z")

</div>

Or at least a “Proceed anyway” button would do.

---

<div class="post-metadata">

**Author:** ![sly31](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/sly31/32/16579_2.png) [@sly31](https://forum.getkirby.com/u/sly31)\
**Post date:** [January 24, 2019, 8:48pm UTC](https://forum.getkirby.com/t/browser-features-detection/12434/13 "2019-01-24T20:48:33Z")

</div>

Edge version is 15.  
I tried to edit app.js to always return “true” instead checking css grid support, but no success.  
Minified js isn’t really lisible