Revision dbbe0293
Von Cem Aydin vor etwa 1 Jahr hinzugefügt
- ID dbbe0293c0d623ff65335dd060c5683d95c6b2b6
- Vorgänger c9b7c7ee
SL/Presenter/MaterialComponents.pm | ||
---|---|---|
303 | 303 |
: ''; |
304 | 304 |
|
305 | 305 |
my $label = $attributes{label} |
306 |
? html_tag('label', delete $attributes{label}, for => $attributes{id}) |
|
306 |
? html_tag('label', delete $attributes{label}, for => $attributes{id}, class => 'active')
|
|
307 | 307 |
: ''; |
308 | 308 |
|
309 |
my $select_html = SL::Presenter::Tag::select_tag($name, $collection, %attributes); |
|
309 |
my $select_html = SL::Presenter::Tag::select_tag($name, $collection, %attributes, |
|
310 |
class => 'browser-default'); |
|
310 | 311 |
|
311 | 312 |
html_tag('div', |
312 | 313 |
$icon . $select_html . $label, |
... | ... | |
366 | 367 |
|
367 | 368 |
=back |
368 | 369 |
|
369 |
=head1 BUGS |
|
370 |
=head1 BUGS & ISSUES |
|
371 |
|
|
372 |
There is a bug in MaterializeCSS, when using a Materialize select element on an iphone, |
|
373 |
the wrong element is selected. This is currently worked around in the presenter by using |
|
374 |
the 'browser-default' class on the select element as well as the 'active' class on the |
|
375 |
label (to prevent the label from overlapping the select element). |
|
376 |
This should be fixed, upstream, in MaterializeCSS. However it seems that the project is |
|
377 |
not maintained anymore (according to github issues[^1]). There is a community fork[^2], |
|
378 |
which it's still maintained and where the problem seems to be fixed already. It is currently |
|
379 |
in alpha V. 2.0.3-alpha. Maybe it would be good to consider switching to that fork at some |
|
380 |
point. |
|
370 | 381 |
|
371 |
Nothing here yet. |
|
382 |
[1]: e.g. https://github.com/Dogfalo/materialize/issues/6688 |
|
383 |
[2]: https://github.com/materializecss/materialize |
|
372 | 384 |
|
373 | 385 |
=head1 AUTHOR |
374 | 386 |
|
Auch abrufbar als: Unified diff
MaterialComponents: select tag auf iphone beheben