New filter experience not working correctly

[Anonymous]

I switched on the new filter experience from the latest Desktop update (Nov), in the preview features, but it isn't working fully for me. Not sure if this is the right place to post this feedback but wanted to see if anyone else is seeing the same issue?

I switched on the new filter pane for an existing report. Firstly, it seems to majorly slow down the performance of the report in Desktop AND in the service once published, and secondly if you show a field in the pane, but it is set to ALL (so you haven't filtered on it), it doesn't show in the report in the service once published. It just says 'There aren't any filters to display'. This means the user is unable to filter on any of the fields in the table anymore, so it has actually taken away the ability to filter. Only fields that have a filter selection applied show in the service. 

[Anonymous]

Update - the new filter pane is now working fine for me! I have just updated to the latest Desktop version and tested it (hadn't done so since Nov) and it is now working as expected. 

[saulobbruno]

I'm also having problems once the report is published to the service. Items seems to disappear and the filter stops working. No problem on the desktop though. Hope it gets addressed soon.

Here's the console output:

/13.0.8234.157/scripts/ai.0.js:1 AI: StringValueTooLong message:"string value is too long. It has been truncated to 1024 characters." props:"{value:TypeError: Cannot read property 'Applied' of undefined\n    at Object.z [as getFilterCardStyle] (https://app.powerbi.com/13.0.8234.157/scripts/powerbiportal.explore.bundle.min.js:8:21332)\n    at a.updateFilterCardStyle (https://app.powerbi.com/13.0.8234.157/scripts/powerbiportal.explore.bundle.min.js:27:25380)\n    at i.$onInit (https://app.powerbi.com/13.0.8234.157/scripts/powerbiportal.explore.bundle.min.js:27:11427)\n    at https://app.powerbi.com/13.0.8234.157/scripts/powerbiportal.dependencies.externals.bundle.min.js:78:221\n    at r (https://app.powerbi.com/13.0.8234.157/scripts/powerbiportal.dependencies.externals.bundle.min.js:16:101)\n    at p (https://app.powerbi.com/13.0.8234.157/scripts/powerbiportal.dependencies.externals.bundle.min.js:78:85)\n    at https://app.powerbi.com/13.0.8234.157/scripts/powerbiportal.dependencies.externals.bundle.min.js:89:234\n    at https://app.powerbi.com/13.0.8234.157/scripts/powerbiportal.dependencies.externals.bundle.min.js:145:168\n    at m.$digest (https://app.powerbi.co}"
o.warnToConsole @ /13.0.8234.157/scripts/ai.0.js:1
o.throwInternal @ /13.0.8234.157/scripts/ai.0.js:1
t.sanitizeString @ /13.0.8234.157/scripts/ai.0.js:1
t.sanitizeProperties @ /13.0.8234.157/scripts/ai.0.js:1
n @ /13.0.8234.157/scripts/ai.0.js:1
n.trackEvent @ /13.0.8234.157/scripts/ai.0.js:1
t.trackEventInternal @ web.bundle.min.js:6
t.endTimedEvent @ web.bundle.min.js:6
t.logEvent @ web.bundle.min.js:6
t.logEvent @ web.bundle.min.js:6
t.logEventInternal @ web.bundle.min.js:6
t.logEvent @ web.bundle.min.js:6
(anonymous) @ powerbiportal.common.bundle.min.js:46
(anonymous) @ powerbiportal.dependencies.externals.bundle.min.js:78
r @ powerbiportal.dependencies.externals.bundle.min.js:16
p @ powerbiportal.dependencies.externals.bundle.min.js:78
(anonymous) @ powerbiportal.dependencies.externals.bundle.min.js:89
(anonymous) @ powerbiportal.dependencies.externals.bundle.min.js:145
$digest @ powerbiportal.dependencies.externals.bundle.min.js:156
$apply @ powerbiportal.dependencies.externals.bundle.min.js:159
(anonymous) @ powerbiportal.dependencies.externals.bundle.min.js:296
dispatch @ powerbiportal.dependencies.externals.bundle.min.js:7
r.handle @ powerbiportal.dependencies.externals.bundle.min.js:7
t.invokeTask @ web.bundle.min.js:6
onInvokeTask @ web.bundle.min.js:6
t.invokeTask @ web.bundle.min.js:6
e.runTask @ web.bundle.min.js:6
e.invokeTask @ web.bundle.min.js:6
y @ web.bundle.min.js:6
b @ web.bundle.min.js:6
/13.0.8234.157/externals/quill.min.js:11 quill Overwriting formats/align with e
r @ /13.0.8234.157/externals/quill.min.js:11
value @ /13.0.8234.157/externals/quill.min.js:11
a @ /13.0.8234.157/scripts/textboxVisual.min.js:1
n @ /13.0.8234.157/scripts/textboxVisual.min.js:1
e.rebuildQuillEditor @ /13.0.8234.157/scripts/textboxVisual.min.js:1
e.initializeQuill @ /13.0.8234.157/scripts/textboxVisual.min.js:1
(anonymous) @ /13.0.8234.157/scripts/textboxVisual.min.js:1
(anonymous) @ powerbiportal.dependencies.externals.bundle.min.js:145
$digest @ powerbiportal.dependencies.externals.bundle.min.js:156
(anonymous) @ powerbiportal.dependencies.externals.bundle.min.js:159
e @ powerbiportal.dependencies.externals.bundle.min.js:56
(anonymous) @ powerbiportal.dependencies.externals.bundle.min.js:59
t.invokeTask @ web.bundle.min.js:6
e.runTask @ web.bundle.min.js:6
e.invokeTask @ web.bundle.min.js:6
i.useG.invoke @ web.bundle.min.js:6
n.args.(anonymous function) @ web.bundle.min.js:6
/13.0.8234.157/externals/quill.min.js:11 quill:toolbar ignoring attaching to disabled format action <button class=​"ql-action ql-save" type=​"button">​Done​</button>​
r @ /13.0.8234.157/externals/quill.min.js:11
value @ /13.0.8234.157/externals/quill.min.js:11
(anonymous) @ /13.0.8234.157/externals/quill.min.js:11
e @ /13.0.8234.157/externals/quill.min.js:11
value @ /13.0.8234.157/externals/quill.min.js:11
(anonymous) @ /13.0.8234.157/externals/quill.min.js:11
value @ /13.0.8234.157/externals/quill.min.js:11
t @ /13.0.8234.157/externals/quill.min.js:11
e.rebuildQuillEditor @ /13.0.8234.157/scripts/textboxVisual.min.js:1
e.initializeQuill @ /13.0.8234.157/scripts/textboxVisual.min.js:1
(anonymous) @ /13.0.8234.157/scripts/textboxVisual.min.js:1
(anonymous) @ powerbiportal.dependencies.externals.bundle.min.js:145
$digest @ powerbiportal.dependencies.externals.bundle.min.js:156
(anonymous) @ powerbiportal.dependencies.externals.bundle.min.js:159
e @ powerbiportal.dependencies.externals.bundle.min.js:56
(anonymous) @ powerbiportal.dependencies.externals.bundle.min.js:59
t.invokeTask @ web.bundle.min.js:6
e.runTask @ web.bundle.min.js:6
e.invokeTask @ web.bundle.min.js:6
i.useG.invoke @ web.bundle.min.js:6
n.args.(anonymous function) @ web.bundle.min.js:6
/13.0.8234.157/externals/quill.min.js:11 quill:toolbar ignoring attaching to disabled format action <button class=​"ql-action ql-edit" type=​"button">​Edit​</button>​
r @ /13.0.8234.157/externals/quill.min.js:11
value @ /13.0.8234.157/externals/quill.min.js:11
(anonymous) @ /13.0.8234.157/externals/quill.min.js:11
e @ /13.0.8234.157/externals/quill.min.js:11
value @ /13.0.8234.157/externals/quill.min.js:11
(anonymous) @ /13.0.8234.157/externals/quill.min.js:11
value @ /13.0.8234.157/externals/quill.min.js:11
t @ /13.0.8234.157/externals/quill.min.js:11
e.rebuildQuillEditor @ /13.0.8234.157/scripts/textboxVisual.min.js:1
e.initializeQuill @ /13.0.8234.157/scripts/textboxVisual.min.js:1
(anonymous) @ /13.0.8234.157/scripts/textboxVisual.min.js:1
(anonymous) @ powerbiportal.dependencies.externals.bundle.min.js:145
$digest @ powerbiportal.dependencies.externals.bundle.min.js:156
(anonymous) @ powerbiportal.dependencies.externals.bundle.min.js:159
e @ powerbiportal.dependencies.externals.bundle.min.js:56
(anonymous) @ powerbiportal.dependencies.externals.bundle.min.js:59
t.invokeTask @ web.bundle.min.js:6
e.runTask @ web.bundle.min.js:6
e.invokeTask @ web.bundle.min.js:6
i.useG.invoke @ web.bundle.min.js:6
n.args.(anonymous function) @ web.bundle.min.js:6
/13.0.8234.157/externals/quill.min.js:11 quill:toolbar ignoring attaching to disabled format remove <button class=​"ql-remove" type=​"button">​Remove​</button>​
r @ /13.0.8234.157/externals/quill.min.js:11
value @ /13.0.8234.157/externals/quill.min.js:11
(anonymous) @ /13.0.8234.157/externals/quill.min.js:11
e @ /13.0.8234.157/externals/quill.min.js:11
value @ /13.0.8234.157/externals/quill.min.js:11
(anonymous) @ /13.0.8234.157/externals/quill.min.js:11
value @ /13.0.8234.157/externals/quill.min.js:11
t @ /13.0.8234.157/externals/quill.min.js:11
e.rebuildQuillEditor @ /13.0.8234.157/scripts/textboxVisual.min.js:1
e.initializeQuill @ /13.0.8234.157/scripts/textboxVisual.min.js:1
(anonymous) @ /13.0.8234.157/scripts/textboxVisual.min.js:1
(anonymous) @ powerbiportal.dependencies.externals.bundle.min.js:145
$digest @ powerbiportal.dependencies.externals.bundle.min.js:156
(anonymous) @ powerbiportal.dependencies.externals.bundle.min.js:159
e @ powerbiportal.dependencies.externals.bundle.min.js:56
(anonymous) @ powerbiportal.dependencies.externals.bundle.min.js:59
t.invokeTask @ web.bundle.min.js:6
e.runTask @ web.bundle.min.js:6
e.invokeTask @ web.bundle.min.js:6
i.useG.invoke @ web.bundle.min.js:6
n.args.(anonymous function) @ web.bundle.min.js:6
powerbiportal.dependencies.externals.bundle.min.js:7 Set-Cookie header is ignored in response from url: https://app.powerbi.com/tokenRefresh?ver=1549479611014. Cookie length should be less than or equal to 4096 characters.





web.bundle.min.js:6 ERROR TypeError: Cannot read property 'indexOf' of undefined
    at Object.i [as parseColorString] (powerbiportal.dependencies.bundle.min.js:12)
    at r.calculateSlicerTextHighlightColor (/13.0.8234.157/scripts/slicerVisual.min.js:3)
    at r.setSlicerTextStyle (/13.0.8234.157/scripts/slicerVisual.min.js:3)
    at e.setLabelTextStyle (/13.0.8234.157/scripts/slicerVisual.min.js:4)
    at i.onUpdateSelection (/13.0.8234.157/scripts/slicerVisual.min.js:4)
    at Object.p [as update] (/13.0.8234.157/scripts/slicerVisual.min.js:4)
    at Array.<anonymous> (powerbiportal.dependencies.bundle.min.js:35)
    at Array._a.call (powerbiportal.dependencies.externals.bundle.min.js:1071)
    at t.performScrollToFrame (powerbiportal.dependencies.bundle.min.js:35)
    at t.defaultScrollToFrame (powerbiportal.dependencies.bundle.min.js:35)
Kt @ web.bundle.min.js:6
t.handleError @ web.bundle.min.js:6
next @ web.bundle.min.js:6
e.object.i @ web.bundle.min.js:6
e.__tryOrUnsub @ web.bundle.min.js:6
e.next @ web.bundle.min.js:6
e._next @ web.bundle.min.js:6
e.next @ web.bundle.min.js:6
e.next @ web.bundle.min.js:6
e.emit @ web.bundle.min.js:6
(anonymous) @ web.bundle.min.js:6
t.invoke @ web.bundle.min.js:6
e.run @ web.bundle.min.js:6
t.runOutsideAngular @ web.bundle.min.js:6
onHandleError @ web.bundle.min.js:6
t.handleError @ web.bundle.min.js:6
e.runTask @ web.bundle.min.js:6
e.invokeTask @ web.bundle.min.js:6
i.useG.invoke @ web.bundle.min.js:6
n.args.(anonymous function) @ web.bundle.min.js:6
37web.bundle.min.js:6 ERROR TypeError: Cannot read property 'indexOf' of undefined
    at Object.i [as parseColorString] (powerbiportal.dependencies.bundle.min.js:12)
    at r.calculateSlicerTextHighlightColor (/13.0.8234.157/scripts/slicerVisual.min.js:3)
    at r.setSlicerTextStyle (/13.0.8234.157/scripts/slicerVisual.min.js:3)
    at e.setLabelTextStyle (/13.0.8234.157/scripts/slicerVisual.min.js:4)
    at i.onUpdateSelection (/13.0.8234.157/scripts/slicerVisual.min.js:4)
    at Object.p [as update] (/13.0.8234.157/scripts/slicerVisual.min.js:4)
    at Array.<anonymous> (powerbiportal.dependencies.bundle.min.js:35)
    at Array._a.call (powerbiportal.dependencies.externals.bundle.min.js:1071)
    at t.performScrollToFrame (powerbiportal.dependencies.bundle.min.js:35)
    at t.defaultScrollToFrame (powerbiportal.dependencies.bundle.min.js:35)
Kt @ web.bundle.min.js:6
t.handleError @ web.bundle.min.js:6
next @ web.bundle.min.js:6
e.object.i @ web.bundle.min.js:6
e.__tryOrUnsub @ web.bundle.min.js:6
e.next @ web.bundle.min.js:6
e._next @ web.bundle.min.js:6
e.next @ web.bundle.min.js:6
e.next @ web.bundle.min.js:6
e.emit @ web.bundle.min.js:6
(anonymous) @ web.bundle.min.js:6
t.invoke @ web.bundle.min.js:6
e.run @ web.bundle.min.js:6
t.runOutsideAngular @ web.bundle.min.js:6
onHandleError @ web.bundle.min.js:6
t.handleError @ web.bundle.min.js:6
e.runTask @ web.bundle.min.js:6
e.invokeTask @ web.bundle.min.js:6
y @ web.bundle.min.js:6
b @ web.bundle.min.js:6
4web.bundle.min.js:6 ERROR TypeError: Cannot read property 'Applied' of undefined
    at Object.z [as getFilterCardStyle] (powerbiportal.explore.bundle.min.js:8)
    at a.updateFilterCardStyle (powerbiportal.explore.bundle.min.js:27)
    at i.onFilterContainerChanged (powerbiportal.explore.bundle.min.js:27)
    at Object.<anonymous> (powerbiportal.explore.bundle.min.js:27)
    at Object.dispatch (powerbiportal.dependencies.externals.bundle.min.js:7)
    at Object.r.handle (powerbiportal.dependencies.externals.bundle.min.js:7)
    at Object.trigger (powerbiportal.dependencies.externals.bundle.min.js:8)
    at Object.<anonymous> (powerbiportal.dependencies.externals.bundle.min.js:8)
    at Function.each (powerbiportal.dependencies.externals.bundle.min.js:6)
    at n.fn.init.each (powerbiportal.dependencies.externals.bundle.min.js:6)
Kt @ web.bundle.min.js:6
t.handleError @ web.bundle.min.js:6
next @ web.bundle.min.js:6
e.object.i @ web.bundle.min.js:6
e.__tryOrUnsub @ web.bundle.min.js:6
e.next @ web.bundle.min.js:6
e._next @ web.bundle.min.js:6
e.next @ web.bundle.min.js:6
e.next @ web.bundle.min.js:6
e.emit @ web.bundle.min.js:6
(anonymous) @ web.bundle.min.js:6
t.invoke @ web.bundle.min.js:6
e.run @ web.bundle.min.js:6
t.runOutsideAngular @ web.bundle.min.js:6
onHandleError @ web.bundle.min.js:6
t.handleError @ web.bundle.min.js:6
e.runTask @ web.bundle.min.js:6
e.invokeTask @ web.bundle.min.js:6
y @ web.bundle.min.js:6
b @ web.bundle.min.js:6
web.bundle.min.js:6 ERROR TypeError: Cannot read property 'indexOf' of undefined
    at Object.i [as parseColorString] (powerbiportal.dependencies.bundle.min.js:12)
    at r.calculateSlicerTextHighlightColor (/13.0.8234.157/scripts/slicerVisual.min.js:3)
    at r.setSlicerTextStyle (/13.0.8234.157/scripts/slicerVisual.min.js:3)
    at e.setLabelTextStyle (/13.0.8234.157/scripts/slicerVisual.min.js:4)
    at i.onUpdateSelection (/13.0.8234.157/scripts/slicerVisual.min.js:4)
    at Object.p [as update] (/13.0.8234.157/scripts/slicerVisual.min.js:4)
    at Array.<anonymous> (powerbiportal.dependencies.bundle.min.js:35)
    at Array._a.call (powerbiportal.dependencies.externals.bundle.min.js:1071)
    at t.performScrollToFrame (powerbiportal.dependencies.bundle.min.js:35)
    at t.defaultScrollToFrame (powerbiportal.dependencies.bundle.min.js:35) 

[Anonymous]

The new filter experience is really good, but on the PBI service the filters seem to get sorted alphabetically.

They need to remain same order we add into teh desktop versions.
Eg: I want REGION->SUB Region->Country
But when I publish, I get : COUNTRY->REGION->SUBREGION


Another thing I noticed was that the perforamance is very very slow on PBI service. It almost like the Report and the filters are two separate elements,  they do not seems to smoothly reflect the changes made on the filter as compared to setting a Slicer filter

[berjac]

I agree with @Anonymous ..... that the new filter experience is not working correctly [unless i am doing somthing wrong].

I was quite excited and quick to deploy the new side filter experience into one of our reports that is published into an embedded environment.

However, despite the filters working in both the service and desktop ... it is not visible to the report consumer.

I am looking at establishing:

1. Whether the new filter experience is supposed to work inthe embedded environment.
2. What to do to get it to work

Any assistance will be greatly appreciated.

Bernard

[berjac]

It would be great if we could get a response !!

[v-chuncz-msft]

@Anonymous,

You may add it in the Power BI service and Give Feedback to improve Power BI.