Safari rendering issues about blazorise HOT 5 CLOSED

I see there is also problem with breadcrumbs in chrome and firefox. As far as I can see all of the css classes are defined as they should be. I will need to investigate more to see whats the real problem.

Can you explain more whats the problem with tables? I dont see it. Screenshot would also be great.

from blazorise.

I noticed that the breadcrumb issue happens in chrome too.
The table one is very weird, I am still not sure if it is the style issue or a bug. Basically if the width of the table is not full the row with longest text always adds an extra line. It happens only in Safari. the screenshot:

I also noticed that the Dropdown button on this page is rendered over 2 lines too.

from blazorise.

So I was playing with this for a couple of hours and so far I could not find a solution.

1. For Breadcrumbs every css class is defined as should be. There is not any special style that override them and still it goes to second line. Really weird :/
2. Dropdown works in the newest Bootstrap(4.3.1) while for the current version(4.2.1) it's not working only in Firefox. Maybe I can upgrade projects to the newest Bootstrap.

Since I don't have Safari I really cannot do much regarding your problems with table.

from blazorise.

I played a little bit with it, I did not find a cause, but I found a quick workaround:
white-space: nowrap; in breadcrumbs css solves it (the same works for my safari table issue).

There is a weird spacing which is partly defined by padding-right setting on the before element and partly by the text padding, this can be fixed with styling.

from blazorise.

Fixed in the latest version!

from blazorise.