# Kiban left navbar icons disappear when I click my plugin icon

**URL:** https://discuss.elastic.co/t/kiban-left-navbar-icons-disappear-when-i-click-my-plugin-icon/167967
**Category:** Kibana
**Created:** [February 12, 2019, 7:10am UTC](https://discuss.elastic.co/t/kiban-left-navbar-icons-disappear-when-i-click-my-plugin-icon/167967 "2019-02-12T07:10:09Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![trex](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/trex/32/34230_2.png) [@trex](https://discuss.elastic.co/u/trex)
#### Post date: [February 12, 2019, 7:10am UTC](https://discuss.elastic.co/t/kiban-left-navbar-icons-disappear-when-i-click-my-plugin-icon/167967/1 "2019-02-12T07:10:09Z")

</div>

**Kibana version:**  
6.6.0

**Elasticsearch version:**  
6.6.0

**Server OS version:**  
Ubuntu 18

**Browser version:**  
Chrome 71

**Browser OS version:**  
Ubuntu 18

**Original install method (e.g. download page, yum, from source, etc.):**  
kibana git repo: [https://github.com/elastic/kibana.git](https://github.com/elastic/kibana.git)

**Describe the bug:**  
Kiban left navbar icons disappear when I click my plugin icon.  
 ![screenshot from 2019-02-14 10-26-27](https://user-images.githubusercontent.com/5389745/52777173-74adcc80-3043-11e9-9869-2ef126ac802d.png)  
And they are back again when I click on any of the Kibana plugins  
 ![screenshot from 2019-02-14 10-26-04](https://user-images.githubusercontent.com/5389745/52777221-90b16e00-3043-11e9-8631-6d1b5b8c069c.png)

**Steps to reproduce:**

1. Run Elasticsearch 6.6.0
2. Generate a plugin and set the following answers

```auto
$ cd kibana
kibana$ node scripts/generate_plugin.js rabbit
? Provide a short description An awesome Kibana plugin
? What Kibana version are you targeting? 6.6.0
? Should an app component be generated? Yes
? Should translation files be generated? Yes
? Should a hack component be generated? Yes
? Should a server API be generated? Yes
? Should SCSS be used? Yes

```

1. After the build is finished, go to the plugin and start it

```auto
$ cd ../kibana-extra/rabbit
yarn start

```

**Expected behavior:**  
All icons on the Kibana left navbar must be visible after I click on my plugin icon.

**Screenshots (if relevant):**  
Look above for the screenshots.

**Errors in browser console (if relevant):**  
No errors.

**Any additional context:**

```auto
cd rabbit

```

```auto
$ cat index.js 
import exampleRoute from './server/routes/example';

export default function (kibana) {
  return new kibana.Plugin({
    require: ['elasticsearch'],
    name: 'rabbit',
    uiExports: {
      app: {
        title: 'Rabbit',
        description: 'An awesome Kibana plugin',
        main: 'plugins/rabbit/app',
      },
      hacks: [
        'plugins/rabbit/hack'
      ],
      styleSheetPaths: require('path').resolve(__dirname, 'public/app.scss'),
    },

    config(Joi) {
      return Joi.object({
        enabled: Joi.boolean().default(true),
      }).default();
    },

    init(server, options) { // eslint-disable-line no-unused-vars
      // Add server routes and initialize the plugin here
      exampleRoute(server);
    }
  });
}

```

```auto
$ cat public/app.js 
import React from 'react';
import { uiModules } from 'ui/modules';
import chrome from 'ui/chrome';
import { render, unmountComponentAtNode } from 'react-dom';

import 'ui/autoload/styles';
import './less/main.less';
import { Main } from './components/main';

const app = uiModules.get('apps/rabbit');

app.config($locationProvider => {
  $locationProvider.html5Mode({
    enabled: false,
    requireBase: false,
    rewriteLinks: false,
  });
});
app.config(stateManagementConfigProvider =>
  stateManagementConfigProvider.disable()
);

function RootController($scope, $element, $http) {
  const domNode = $element[0];

  // render react to DOM
  render(<Main title="rabbit" httpClient={$http} />, domNode);

  // unmount react on controller destroy
  $scope.$on('$destroy', () => {
    unmountComponentAtNode(domNode);
  });
}

chrome.setRootController('rabbit', RootController);

```

```auto
$ tree -I 'node_modules' -L 30 ../rabbit/
../rabbit/
├── index.js
├── package.json
├── public
│ ├── app.css
│ ├── app.js
│ ├── app.scss
│ ├── components
│ │ └── main
│ │ ├── index.js
│ │ └── main.js
│ ├── hack.js
│ ├── less
│ │ └── main.less
│ └── __tests__
│ └── index.js
├── README.md
├── server
│ ├── routes
│ │ └── example.js
│ └── __tests__
│ └── index.js
└── yarn.lock

```

> <https://github.com/elastic/kibana/issues/31085>

---

<div class="post-metadata">

### Author: ![monfera](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/monfera/32/26467_2.png) [@monfera](https://discuss.elastic.co/u/monfera)
#### Post date: [February 16, 2019, 8:40am UTC](https://discuss.elastic.co/t/kiban-left-navbar-icons-disappear-when-i-click-my-plugin-icon/167967/2 "2019-02-16T08:40:15Z")

</div>

Just to have @tiagocosta's solution here too from the github ticket: in your `app.js`, add `import 'ui/autoload/modules';` before the line with `import 'ui/autoload/styles';`

---

<div class="post-metadata">

### Author: ![chbas](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/chbas/32/42023_2.png) [@chbas](https://discuss.elastic.co/u/chbas)
#### Post date: [March 14, 2019, 4:23pm UTC](https://discuss.elastic.co/t/kiban-left-navbar-icons-disappear-when-i-click-my-plugin-icon/167967/3 "2019-03-14T16:23:52Z")

</div>

The Same problem was noticed with Kibana Version 6.6.1 and @tiagocosta 's solution worked too.

---

<div class="post-metadata">

### Author: ![tiagocosta](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tiagocosta/32/40045_2.png) [@tiagocosta](https://discuss.elastic.co/u/tiagocosta)
#### Post date: [March 14, 2019, 4:36pm UTC](https://discuss.elastic.co/t/kiban-left-navbar-icons-disappear-when-i-click-my-plugin-icon/167967/4 "2019-03-14T16:36:12Z")

</div>

It should be fixed in the 6.6.2 version released 2 days ago 🙂

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)
#### Post date: [April 11, 2019, 4:36pm UTC](https://discuss.elastic.co/t/kiban-left-navbar-icons-disappear-when-i-click-my-plugin-icon/167967/5 "2019-04-11T16:36:16Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.
